reactjs，在显示数据库中的textarea时，如何编辑textarea并更新值？

hivapdat 于 2021-06-18 发布在 Mysql

关注(0)|答案(1)|浏览(409)

我目前正在使用node.js（用于使用mysql的数据库存储）和react.js（用于显示所有文本区域）
我不太清楚如何做到这一点，如果我有一个循环的textarea从数据库中给出，我将如何能够编辑textarea内的值，并能够检索该值，以便更新它在我的数据库时，我点击'保存数据'按钮。

const WorkInProgressHLEDevDays = () =>{
return (
<tr>
<th> TEXTAREAs </th>
{this.state.WIPHLEsData.map((HLEDevDayTextAreas, i) => (
    <td key={i}>
    <textarea className="HLEDevDays"  onChange={this.handleChange} value={HLEDevDayTextAreas.HLEDevDays} spellcheck="false">

    </textarea>
    </td>

))}

</tr>

) }

mysql Database reactjs

来源：https://stackoverflow.com/questions/52783407/reactjs-how-to-edit-a-textarea-and-update-the-value-when-displaying-the-textare

1条答案

按热度按时间

zte4gxcn1#

有许多方法可以实现这一点。最简单的方法是让你的组件不受控制，尽管facebook认为这是最不推荐的方法：

{this.state.WIPHLEsData.map((HLEDevDayTextAreas, i) => (
  <td key={i}>
    <textarea
      name={`HLEDevDays_${i}`}
      className="HLEDevDays"
      defaultValue={HLEDevDayTextAreas.HLEDevDays}
      spellcheck="false"
    />
  </td>
)}

顾名思义，react并不管理每个textarea的状态，而是让您的浏览器通过常规的dom突变来实现。如果你把这整件事都包起来 form ，您将能够读取后端上的值（通过 name 属性）。

赞(0）回复(0）举报 2021-06-18

我来回答

reactjs，在显示数据库中的textarea时，如何编辑textarea并更新值？

1条答案

相关问题

热门标签

最新问答