在 DynamoDB AWS ReactJS 中存储 PhoneInput 和 Select 值

Question

我需要在 DynamoDB 中存储一个 <PhoneInput> phone 数值和一个 <Select> 标签国家输入。当我尝试提交时，它没有反映在我的数据库中。那么我必须做出哪些改变。我使用了：npm react-phone-number-input 和 npm react-select-country-list.

提前致谢。

<PhoneInput 
     className="phone"
     placeholder="Enter phone number"
     value={value}
     onChange={setValue} name="phonenumber" />

<Select className="react-select-country-list" options={options}
    name="country" value={value} onChange={changeHandler} />

 async function addContact() {
    const data = {
        body: {
            first_name: formState.first_name,
            last_name: formState.last_name,
            email: formState.email,
            phonenumber: formState.phonenumber,
            help: formState.help,
            country: formState.country,
            message: formState.message
          

        }
    }
        console.log(data);
        const apiData = await API.post('contact', '/contacts', data);
        console.log({ apiData };
        alert('Mail sent');
};

Answer 1

通过更改 onChange = onChange={x => updateFormState('phonenumber', x)}

解决

在 DynamoDB AWS ReactJS 中存储 PhoneInput 和 Select 值

Store PhoneInput and Select value in DynamoDB AWS ReactJS

reactjs

amazon-web-services

amazon-dynamodb

amplify