reactjs - 搜索时缺少文本字段值

Question

当我搜索与该特定字段匹配的关键字时，我的文本字段值会丢失。发布我使用的材料表库的完整代码。

<MaterialTable
    columns={[
        { title: 'Customer Name', field: 'custName', editable: 'never' },
        { title: 'Order Amount', field: 'orderAmount', render: rowData => 
            <TextField
                size="small"
                required
                onChange={e => {
                    this.props.getUpdatedOrderAmount(e.target.value, rowData)}
                }
                value={this.state.value}
            />
        }
    ]}
    data={data}
/>

标签： reactjsreact-reduxmaterial-uimaterial-table

Answer 1

对于搜索使用单元格的属性 customFilterAndSearch，如：

{ title: 'Full name', searchable: true, 
  customFilterAndSearch: (filter: any, rowData: any, columnDef: any): boolean => {
    const s = (rowData.firstName + ' ' + rowData.lastName).toLocaleLowerCase();
    return s.indexOf(filter.toLocaleLowerCase()) >= 0;
  },
  render: rowData => rowData.firstName + ' ' + rowData.lastName
},