如何使用 Reactjs 获取文本区域的值

Question

我正在研究 Reactjs 并使用 nextjs，现在我正在尝试获得价值 “textarea”和“下拉/选择”，但我得到的结果是空的，我该怎么做？ 我尝试使用以下代码

  const msgChange = (e) => {
    const value = e.target.value;
    setState({
      ...state,
      [e.target.msg]: value
    });
  };

  const countryChange = (e) => {
    const value = e.target.value;
    setState({
      ...state,
      [e.target.country]: value
    });
  };

  const handleSubmit = (e) => {
        var msg = state.msg;
        alert('msg is '+msg);
        
    }


<form className='row' onSubmit={handleSubmit}>
<select className="form-select" aria-label="Default select example" onChange={countryChange} name="country">
<option selected>Country</option>
<option value="abc">abc</option>
<option value="xyz">xyz</option>
</select>
                  
<textarea  onChange={msgChange} name="msgs"></textarea>
 <input type="submit" value="send" className='sendbtn' /> 
</form>

Answer 1

你这里有错字

 // on textarea
 name="msgs"

但在msgChange

// e.target.msgs
[e.target.msg]: value