JSX란? JSX form 종류

const [state, setstate] = useState({
  author: "",
  content: "",
  emotion: 1,
});

const handleChangeEvent = (e) => {
  let name = e.target.name;
  let value = e.target.value;
  setstate({
    ...state,
    [name]: value,
  });
};

/// state 보내기
const handlesubmmit = () => {
  console.log(state);
};

<input
  name="author"
  value={autor}
  onChange={(e) => {
    setautor(e.target.value);
  }}
/>

<textarea
  name="content"
  value={content}
  onChange={(e) => {
    setcontent(e.target.value);
  }}
/>

<div>
  <select name="emotion" value={state.emotion} onChange={handleChangeEvent}>
    <option value={1}>1</option>
    <option value={2}>2</option>
    <option value={3}>3</option>
    <option value={4}>4</option>
    <option value={5}>5</option>
  </select>
</div>

<div>
  <button name="save" onClick={handlesubmmit}>
    일기 저장
  </button>
</div>