这是在使用状态挂钩时获取数据的正确方法吗？我使用 usestate hook 但我不知道这是否是获取数据的正确方法

Question

我只是编写了代码并像那样获取了使用状态数据，因为我没有找到如何做的一些来源在表单部分我使用 onChange={event => setFirstName(event.target.value)} 我不知道问题出在哪里因为数据没有出现在数据库中

function OrderCP(props) {
  const [firstName, setFirstName] = useState('');
  const [lastName, setLastName] = useState('');
  const [email, setEmail] = useState('');
  const [mobileNumber, setMobileNumber] = useState('');
  const [adress, setAddress] = useState('');
  const [city, setCity] = useState('');
  const [size, setSize] = useState('');
  const [quantity, setQuantity] = useState('1');






  function onOrderSubmit ()  {
  fetch('http://localhost:3000/orderCP', {
      method: 'post',
      mode: 'cors',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify({
        firstname: setFirstName,
        lastname:setLastName,
        email: setEmail,
        mobilenumber: setMobileNumber,
        adress: setAddress,
        city: setCity,
        size:setSize,
        quantity: setQuantity

      })
    })
      .then(response => response.json())
      .then(user => {
        if (user.id) {
         return (
          this.props.loadUser(user),
         <Link to ='/orderCP/orderCompletedCP' /> )
        }
      })
  }

Answer 1

“set”方法是设置 useState 变量值的函数。

例如

  const [firstName, setFirstName] = useState('')

firstName 的状态最初是一个空字符串。设置你调用的变量

setFirstName('newString')

之后您可以使用 firstName 访问该值。

你应该改变你的 body

`body: JSON.stringify({
    firstname: firstName,
    lastname:lastName,
    email: email,
    mobilenumber: mobileNumber,
    adress: address,
    city: city,
    size:size,
    quantity: quantity

  })`

这是在使用状态挂钩时获取数据的正确方法吗？我使用 usestate hook 但我不知道这是否是获取数据的正确方法

is this the right way to fetch data while usine usestate hooks? i use usestate hook but i don't know if this the right way to fetch data

javascript

fetch

reactjs