reactjs 如何从输入字段中获取值?

q8l4jmvw  于 2023-01-04  发布在  React
关注(0)|答案(1)|浏览(148)

我设法从数据库中获取文本字段的值。但是现在我想获取值并更新到数据库中。但是我无法更新文本字段的值。
下面是我的代码.有谁能帮我,给予我任何建议.
不确定,我哪里做错了。

<TableBody>
  {(() => {
      let genericKey = Object.keys(genericStep2ResultList)[1];
      var list = genericStep2ResultList[genericKey];
      return list.map((result, index) => {
          let col = Object.keys(result)
          return (
              <TableRow key={result.SERIAL_NO}>
                  {inEditMode.status && inEditMode.rowKey === result.SERIAL_NO ? (
                      <TableCell>
                          <DoneAllOutlinedIcon 
                              onClick={() =>
                                  onSave()
                              }
                          >
                              Save
                          </DoneAllOutlinedIcon >
                          <NotInterestedIcon
                              onClick={() =>
                                  onCancel()
                              }
                          >
                              Cancel
                          </NotInterestedIcon>
                      </TableCell>
                  ) : (
                          <TableCell>
                              <EditOutlinedIcon 
                                  onClick={() => 
                                      onEdit(result.SERIAL_NO)
                                  }
                          >
                              Edit
                              </EditOutlinedIcon >
                      </TableCell>
                  )}
                  {col.map((val, index) => {
                          return (
                              inEditMode.status && inEditMode.rowKey === result.SERIAL_NO ? (
                                  <TableCell key={index}>
                                      <input type="text" value={result[col[index]]} 
                                         onChange={(event) => setUnitPrice(event.target.value)}
                                      />
                                  </TableCell>
                              ) : (
                                  <TableCell key={index}>
                                      {result[col[index]]}
                                  </TableCell>
                              )
                          );
                      }
                      
                  )}
              </TableRow>
          )
      })
  })()}
</TableBody>
xqk2d5yq

xqk2d5yq1#

〈输入类型=“文本”值={结果[列[索引]]}变化={(事件)=〉设置单价(事件.目标.值)} /〉
在此输入字段中,不传递result[col[index]]形式的值,而是传递一个状态变量。然后,使用值result[col[index]]初始化该状态变量。这样,输入字符串更改时,状态变量将更新。

相关问题