繁体   English   中英

ReactJS,从数据库显示文本区域时,如何编辑文本区域并更新值?

ReactJS, how to edit a textarea and update the value when displaying the textareas from database?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我目前正在使用node.js(用于使用mySQL存储数据库)和react.js(用于显示所有文本区域)

我不太确定如何执行此操作,如果我从数据库中给出了一个文本区域循环,那么当我在数据库中更新文本值时,我将如何编辑该值并能够检索该值来更新它点击“保存数据”按钮。

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>

)}

1 个回复

有很多方法可以实现这一点。 最简单的方法是使您的组件不受控制,尽管根据Facebook的建议,它是最不推荐的一种:

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

顾名思义,React不会管理每个文本区域的状态,但可以让您的浏览器通过常规的DOM突变来实现。 如果将整个内容包装成form ,您将能够读取后端的值(通过name属性)。

1 Rails文本区域保存到数据库,然后显示

我有一个文本区域,用户可以输入内容,然后使用按钮显示他们输入的内容。 当他们添加空格时,我在JavaScript中会出错,因为它们都不在同一行。 有没有一种方法可以使用/ n等html格式保存文本? 当它在站点上运行时,会发生这种情况,并且由于间隔太远而在此处出现错误。 ...

2 可编辑的不会显示更改或更新文本区域

我一直在尝试使用Jeditable,但我已经将它更新为.edit了,但是它不会更新 使用.editArea Plus更新正常时,直到我更新页面后,更新才会显示。 我不确定自己做错了什么,将不胜感激:) 码: }?&gt; $(document).ready(fu ...

3 如何在单击“提交”按钮时获取多个文本区域框的值并将其存储在数据库中

我想获取所有文本区域框的值,并在单击提交按钮时将其存储到数据库中。 单击添加按钮会出现多个文本区域。 我正在使用nodejs,express和mongodb。 我有一个选择字段和两个textarea。 我能够在提交时发布textarea的第一个值。 但是,如果我想在提交时发布多 ...

5 如何显示文本区域中嵌入的数据库中保存的文本?

好吧,我的伙计是这个显示文本保存在嵌入textarea的数据库中,我有代码来保存接收消息并在数据库中发送消息。 我仅在连接消息时显示,但在未连接并且连接到服务器时消息消失。 好吧,这是我关于接收和发送消息的代码: 当我发送消息时显示以下代码: ...

6 让ReactJS根据文本区域立即更改值?

我有一个文本区域,用户可以在其中输入位置。 然后,在onBlur中设置天气值,并根据用户键入的内容来更改结果。该代码将按预期工作。 但是,仅当用户将其触发两次时。 照原样,我必须输入一个位置,使其模糊,然后再次进入,激活它,然后再次使其模糊,以使代码实际执行我想要的操作。 当我使用 ...

8 将文本区域数据插入数据库

我试图插入一些写在文本字段中的文本,有两个字段之一是工单,另一方面它的工作正常,报告未正确插入sql。这是我的查看代码 这是我的控制器 这是我的模特 ...

9 以文本区域和格式将用户输入显示为数据库PHP中的数组

我已经为WordPress主题创建了一个自定义选项页面,并为用户提供了一个文本区域,用于添加将附加到另一个文件中的数组的选项。 用户输入已成功添加到数据库中的适当位置,但是将其存储为单个字符串。 我希望用户能够在每一行上输入一个选项,并将输入保存为数组,并将每一行保存为数组中的元素。 ...

10 如何在文本区域中显示数据库中的多行

我正在尝试获取受益人表的所有行,其中localgovernment是文本字段“搜索”的内容,以显示在单个文本区域“结果”中。 数据库没有固定的行数。 这是我的代码: 如何使它在文本区域中显示可变长度的行? ...

2017-06-08 03:23:18 1 54   java
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM