反应 material-table 的搜索过滤器在渲染上不起作用

Question

这里的搜索工作正常:

 <MaterialTable
          columns={[
            { title: 'Name', field: 'firstname', type: 'string' }
          ]}
/>

但是搜索过滤器不适用于以下代码：

<MaterialTable
          columns={[
             { title: 'Name',
               render: rowData =>{ 
                       return(<Link to = {`/${rowData.firstname}`}> 
                       {rowData.firstname} 
                       </Link>)
               },
               type: 'html'
              }
            ]}
/>

Answer 1

 This is the correct way to search on render. We need to add field to it.

 <MaterialTable
              columns={[
                 { title: 'Name',
                   field: 'location_name',
                   render: rowData =>{ 
                           return(<Link to = {`/${rowData.firstname}`}> 
                           {rowData.firstname} 
                           </Link>)
                   },
                   type: 'html'
                  }
                ]}
    />

Answer 2

就像user10665299告诉你的，需要添加field..你可以删除type属性，不是必须的