我在Reaction有一张桌子.该表从服务器获取数据.单击表中的字段时,我需要做一件事.那我得更新一下信息了.

我的桌子是这样的

      <div>
        <MDBTable bordered borderColor="primary">
          <MDBTableBody>
            {tableRows.map((row) => (
              <tr
                key={row.id}
                className={selectedRow === row.id ? "selected" : ""}
                onClick={() => handleRowClick(row.id)}
              >
                <th scope="row">{row.id}</th>
                <td>{row.name}</td>
              </tr>
            ))}
          </MDBTableBody>
        </MDBTable>
      </div>

如何做到这一点?我不需要编辑按钮.我只需要在字段中单击时进行编辑.

推荐答案

获取一个输入字段:

<td><input value={row.name} /></td>

最初,将其保持禁用状态,并在onClick事件上更改它.

Reactjs相关问答推荐

在迁移到Redux—Toolkit 2.0和Redux5.0之后,我在extraReducer和Slice方面有点挣扎,

ReactJs;Reaction-Hook-Form:仅当 Select 了特定 Select 列表选项时才显示文本输入

有没有办法将在服务器端全局获取的一些数据传递到Next&>13应用程序目录中的客户端组件?

Redux Store未触发React组件中的重新呈现

for each 子级加载父路由加载器

在url中使用MongoDB对象ID被认为是不好的做法?

如何从Reaction-Arborist树获取排序数据

Antd V5组件自定义主题

React 错误: 只能用作 元素的子元素,从不直接渲染.请将您的 包裹在

有没有办法在用户离开页面时防止输入模糊?

使用 toast 时挂钩调用无效

使用 react pro 侧边栏展开折叠菜单

Formik onChange() 字段挂钩覆盖显示值和 Select 机制

自动重新获取不起作用 - RTK 查询

不能在我的代码中使用 .给我一个警告!有人知道解决方案吗?

ReactJs 行和列

在 Remix 中使用 chartjs 和 react-chartjs-2 会出现错误react-chartjs-2未在您的 node_modules 中找到

找不到元素 - 这是参考问题吗?

React - useParams() 不会失败 null / undefined 判断

由于另一个子组件,如何在react 中渲染另一个子组件