我正在我的 React 應用程序中使用表，我為此使用React bootstrap table2 ，我成功渲染了該表。請檢查已編輯的部分我在有條件地渲染表數(shù)據(jù)時遇到問題我有一列命名為Availabilitytrue 和 false，我想做的是，當它為 true 時顯示刻度線（右），如果 false 顯示交叉一，我可以插入新列，但無法更新現(xiàn)有的。我正在做什么插入新列l(wèi)et c = {? dataField: "Class",? text: "Class",? editable: false,? formatter: () => {? ? return 12;? },};d.push(c);setColumnData(d);上面d是列數(shù)據(jù)但我被困在這里更新現(xiàn)有的我的數(shù)據(jù){? column_data: [? ? {? ? ? dataField: "first_name",? ? ? text: "Name",? ? ? sort: true,? ? },? ? {? ? ? dataField: "last_name",? ? ? text: "Last Name",? ? ? sort: false,? ? },? ? {? ? ? dataField: "availability",? ? ? text: "Available",? ? ? sort: true,? ? },? ],? tableData: [? ? {? ? ? first_name: "simon",? ? ? last_name: "chaz",? ? ? availability: true,? ? },? ? {? ? ? first_name: "steve",? ? ? last_name: "smith",? ? ? availability: false,? ? },? ? {? ? ? first_name: "michel",? ? ? last_name: "gread",? ? ? availability: true,? ? },? ? {? ? ? first_name: "rimon",? ? ? last_name: "class",? ? ? availability: false,? ? },? ],}這就是我渲染表格的方式：<BootstrapTable? bootstrap4? keyField="certificate_Name"? data={data.tableData}? columns={data.column_data}? wrapperClasses="table-responsive"? classes="table-hover table-bordered"? headerClasses="header-class"/>;如果Availability是真的那么我想展示<i className="ri-checkbox-circle-line"></i>。如果Availability為假則<i class="ri-close-line"></i>我正在嘗試在特定條件下顯示我的細胞數(shù)據(jù)這是我的代碼沙箱