在 DynamoDB AWS ReactJS 中存储 PhoneInput 和 Select 值
Store PhoneInput and Select value in DynamoDB AWS ReactJS
我需要在 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');
};
通过更改 onChange = onChange={x => updateFormState('phonenumber', x)}
解决
我需要在 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');
};
通过更改 onChange = onChange={x => updateFormState('phonenumber', x)}
解决