### React、Material-ui、Firebaseでチャットを作成中 •Material-uiを使用せず、要素をinputにして同じようにしたら読み込むことは出来た •Material-uiを使用して同じように、name,email,passwordをStateで管理しvalueの値を読み込んでFirebaseに反映したい •現在のコード（React） ```SignUp import React, { useState } from 'react' import { Link } from 'react-router-dom' import { makeStyles } from '@material-ui/core/styles' import AppBar from '@material-ui/core/AppBar' import Toolbar from '@material-ui/core/Toolbar' import Typography from '@material-ui/core/Typography' import IconButton from '@material-ui/core/IconButton' import MenuIcon from '@material-ui/icons/Menu' import TextField from '@material-ui/core/TextField' import ExitToAppIcon from '@material-ui/icons/ExitToApp' import Button from '@material-ui/core/Button' import firebase from '../config/firebase' import styled from 'styled-components' const useStyles = makeStyles(theme => ({ root: { flexGrow: 1, }, menuButton: { marginRight: theme.spacing(2), }, })) const useSignInput = makeStyles(theme => ({ root: { '& > *': { margin: theme.spacing(1), width: '25ch', }, }, })) const useSubmit = makeStyles(theme => ({ root: { '& > *': { margin: theme.spacing(1), width: '25ch', height: '1ch', }, }, })) const SignUp = () => { const classes = useStyles() const inputs = useSignInput() const submit = useSubmit() const [name, setName] = useState('') const [email, setEmail] = useState('') const [password, setPassword] = useState('') const handleSubmit = e => { e.preventDefault() firebase .auth() .createUserWithEmailAndPassword(email, password) .catch(err => { console.log(err) }) } return (

Man United Chat Login Sign up

) } const SignForm = styled.div` padding-top: 50px; text-align: center; background-color: #939597; color: #fff; height: 85vh; ` const SignTitle = styled.h1` margin: 0; ` export default SignUp ``` ```firebase import * as firebase from 'firebase/app' import 'firebase/auth' // 認証情報 const firebaseConfig = { //認証情報ID } // 初期化 firebase.initializeApp(firebaseConfig) export default firebase ``` ### やったこと •Material-uiのform要素をFormControlで囲んでそこに、idやvalue、onChangeなどを記載したがダメ •onSubmit={handleSubmit}を要素に記載したがダメお時間のある方、ご協力お願い致します。

	@@ -1,1 +1,1 @@
1	- ~~Formの情報が~~ユーザー情報が~~Firebaseに反映~~されない
1	+ Firebaseにユーザー情報が作成されない

質問編集履歴