Reactjs：加載物料表時如何使所有行checkbox都為true？

Question

我在我的項目中使用反應材料表，我想默認選中選擇。 如何實現？

function BasicSelection() {
  return (
    <MaterialTable
      title="Basic Selection Preview"
      columns={[
        { title: 'Name', field: 'name' },
        { title: 'Surname', field: 'surname' },
        { title: 'Birth Year', field: 'birthYear', type: 'numeric' },
        {
          title: 'Birth Place',
          field: 'birthCity',
          lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' },
        },
      ]}
      data={[
        { name: 'a', surname: 'b', birthYear: c, birthCity: d },
        { name: 'e', surname: 'f', birthYear: g, birthCity: h },
      ]}        
      options={{
        selection: true
      }}
    />
  )
}

Answer 1

您可以在選擇道具中指定選中狀態。

options={{
    selection: true,
    selectionProps: rowData => ({
      checked: true,
    })
 }}

在這里，它始終檢查行。 您可以更新 function 以具有基於選擇更改事件的條件。