[ReactJs] input태그, 글자 입력

입력받을 값을 state 변수로 생성  (name)

여기선 useState 훅을 사용하였다.

const Default = () => {

    const [name, setName] = useState('');

    const handleChange = (event) => {
        setName(event.target.value);
    };

    const handleSubmit = (event) => {
        setName(event.target.value);
        alert('A name was submitted: ' + name);
        event.preventDefault();
    };
    
  return (
    <form onSubmit={handleSubmit}>
        <label>
           name:
            <input
                className={classes.inputWeight}
                type="number"
                value={name}
                onChange={handleChange}
            />
            {/* <input type="number" value={name} /> */}
        </label>
        <input className={classes.confirmWeight} type="submit" value="확인" />
    </form>
  );
  
 };
 
 export default Default;

간단한 input 태그 완성@