问题描述
我在使用 useSortBy
的 react-table 上遇到了一些问题。没有 useSortBy
表工作正常。
收到此错误:
错误:超出最大更新深度。当组件在 componentwillUpdate 或 componentDidUpdate 中重复调用 setState 时,就会发生这种情况。 React 限制嵌套更新的数量以防止无限循环。
var COLUMNS = [
{
Header: 'Data Criação',accessor: 'createdAt',Cell: ({value})=> {return value ? format(new Date(value),'dd/MM/yyyy') : ''},},{
Header: 'Nome',accessor: 'name'
},{
Header: 'Telefone',accessor: 'mobile'
},{
Header: 'Email',accessor: 'email'
},{
Header: 'Action',accessor: (hit)=>{
return <LeadTableAction item={hit} selection={handleLeadDataSelection}/>
}
}
]
const columns = useMemo(()=>COLUMNS,[]);
const tableInst = useTable({
columns,data:props.lead.leadData ? props.lead.leadData : [{}]
},useSortBy);
const {
getTableProps,getTableBodyProps,headerGroups,rows,prepareRow
} = tableInst;
在 JSX 上:
<Table {...getTableProps()}>
<thead>
{headerGroups.map(hg=>{
return (
<tr {...hg.getHeaderGroupProps()}>
{hg.headers.map(h=>{
return (
<th {...h.getHeaderProps(h.getSortByToggleProps())}>
{h.render("Header")}
<span style={{marginLeft: '5px'}}>
{h.isSorted ? (h.isSortedDesc ? <i className="fas fa-sort-down"></i> : <i className="fas fa-sort-up"></i>) : ''}
</span>
</th>
)
})}
</tr>
)
})}
</thead>
<tbody {...getTableBodyProps()}>
{rows.map(row=>{
prepareRow(row)
return(
<tr {...row.getRowProps()}>
{row.cells.map(cell=>{
return(
<td {...cell.getCellProps()}>
{cell.render('Cell')}
</td>
)
})}
</tr>
)
})}
</tbody>
有人可以帮忙吗?
解决方法
问题已解决,
我只是在我的代码中添加了一个备忘录:
private void OnCollisionEnter2D(Collision2D collision)
{
if (collision.otherCollider == targetFood)
{
Debug.Log("I am touching food");
}
}
这个 props.lead 是直接在表上获取的数据。 完毕! :)