Html 如何将数据从表行发送到post api

我房间里有一张桌子

<Table>
     <tr>
     <td><TextField/></td>
</Table>
<Button onClick={(e)=> submit()}> SUBMIT </Button>

我需要将在textfield中输入的值发送到asyncPost。我应该怎么做？

您必须使用钩子（如果您使用功能组件）才能将

中的值存储在钩子中。稍后，您可以在单击按钮时使用它。你可以找到一个例子

您可以通过以下方式创建钩子：

const [inputValue, setInputValue] = useState(null)

区别在于您将在

上使用

onChange

事件，如：

<TextField onChange={e => setInputValue(e.target.value)} />

---

看看我的答案，它应该会帮助你：）一个小的后续问题。如果我有{props.data.map（（p）=>}，那么如何获取所有文本字段的所有数据？

<TextField onChange={e => setInputValue(e.target.value)} />

const submit = () => {
asyncPost(url, inputValue).then((response) => {console.log(“ok”)})