如何使用 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);
});