如何使用 react 将 textarea 新行值存储到数组中，并使用 post 请求将其发送到 node.js 变量

Question

如何使用 react 将 textarea 新行值存储到数组中，并使用 post 请求将其发送到 node.js 变量

const [inputvalue, setInputvalue] = useState("");

const  handleSubmit = (e) => {
  e.preventDefault();
  try {
    axios.post('/inputData', inputvalue , {
      headers: { 'Content-Type': 'text/plain' }
    })
      .then((response) => {
        setData(response.data);
      });
  } catch (e) {
    console.log('Error!', e);
  }
  }

<form onSubmit={handleSubmit}>
      
        <TextField id="outlined-multiline-static" label="Multiline" multiline rows={4} onChange={(e) => setInputvalue(e.target.value)} value={inputvalue} placeholder="Enter your keyword" />
      
      <button type="submit" className="btn btn-primary mt-3" onClick={() => setLoading(true)}>Click here</button>
    </form>

Answer 1

我不建议将输入值保留为数组（因为它会弄乱您的文本区域输出）。 但是，您可以在通过 axois 提交时轻松创建数组。

只需根据您的请求使用“.split(/\n/)”来创建值数组。

你可能想这样做：

axios.post('/inputData', { values: inputvalue.split(/\n/) } , {
  headers: { 'Content-Type': 'text/plain' }
})
.then((response) => {
  setData(response.data);
});