reactjs - 如何强制重新渲染 React 函数组件

Question

所以我希望能够在<UpdateModal>每次点击一行时强制重新渲染。并且每次单击一行时，都会将单击的行的数据获取到模态。

由于我是新来的反应，我正在使用 Normal bootstrap 打开模态。

import React from 'react'
  const [selectedRow, setSelectedRow] = useState({});

  const selectRow = (row) => {
    setSelectedRow(row);
  };

const Table = () => {
    return (
        <div>
            <table>
                 <thead>
                  <tr>hello</tr>
                 </thead>
                 <tbody>
                 <tr data-mdb-toggle="modal" data-mdb-target="#updateModal" onClick={() => selectRow(row)}>
                   <td> hello1 </td>
                 </tr>
                 <tr data-mdb-toggle="modal" data-mdb-target="#updateModal" onClick={() => selectRow(row)}>
                   <td> hello2 </td>
                 </tr>
                 <tr data-mdb-toggle="modal" data-mdb-target="#updateModal" onClick={() => selectRow(row)}>
                   <td> hello3 </td>
                 </tr>
                </tbody>
           </table>
         {selectedRow && <UpdateModal selectedRow={selectedRow} />}
        </div>

    )
}

export default Table

标签： reactjs