0

複数の入力テキスト フィールドの変更を処理し、値を API に送信しようとしています。

const [state, setState] = useState({
    Value_A:'', 
    Value_B:'', 
    Value_c:'', 
    Value_D:'', 
    Value_e:''})

ここの handleChange 関数

function handleChange(evt) {
    const value = evt.target.value;
    setState({
        ...state,
        [evt.target.name]:value
    })
}

では、関数 handleSubmit() 内でこれらの値を取得するにはどうすればよいですか

const handleSubmit = (e) => {
    const a = {
    // How to get those values here?

ありがとうございました！

4

2 に答える 2

2

ここで試している概念はControlled Component、reactjs で知られています。入力が変更されるたびに関連する状態が更新され、フォームの送信時に更新された状態が取得されます。あなたの場合、次のようになります：

const handleSubmit = (e) => {
    e.preventDefault();
    let formValues = {...state};  // spread operator is used to clone the data
    // Your API call goes here
}

制御コンポーネントのリファレンス

于 2020-07-02T09:04:47.813 に答える