Question

我正在做所有的计算＆＃39;在后端，但用户输入发生在React端（显然:)）。如何将简单的数据传递给Sails后端？

我说简单＆＃39;因为它会是一个数字（像这样 - 201805）。在每次点击事件中，它可能是一个不同的数字，因此每次更改时都可以向Sails（节点）后端发出一些发布请求，以便后端每次用户更改前端的值时都进行必要的计算

谢谢！

Answer 1

使用哪个后端真的无关紧要，它真的只依赖于React或你在前端做的任何事情以及数据的格式（JSON）。

在React中，您可以使用state和onChange挂钩来输入并更新，并在提交时将更新的数据发送到您的服务器（后端），fetch或像axios这样的库，用于向API发出请求。

例如：

class ExampleForm extends React.Component {
  state = {
    dataToSend: '',
  }

  onChange = (e) => { // On input change
    this.setState({
      dataToSend: e.target.value
    })
  }

  onSubmit = () => {
      axios.post('/api/whatever', { this.state.dataToSend })
    }
  }

  render() {
    return (
      <form onSubmit={this.onSubmit}>
          <label>Number</label>
          <input
            type="number"
            value={this.state.dataToSend}
            onChange={this.onChange}
          />
        <button type='submit'>Send Data</Button>
      </form>
    )
  }
}

有人会如何将数据从React发送到节点（准确无误）？

1 个答案: