Javascript 在antd表中的行select上，复选框未签入react

我使用

antd

table在react中以表格格式查看数据。我使用了

rowSelection

来选择一行

单击复选框列时，复选框未设置，但事件正在生成

class AppUser extends Component {
  state = {
    mockTableData: null,
    selectedRowKeys: []
  };
  constructor(props) {
    super(props);
  }
  componentDidMount() {
    const apiURL = `${api_URL}/locations`;
    axios.get(apiURL).then(res => {
      this.setState({ mockTableData: res.data });
      this.setState({ loading: false });
    });
  }
  onExpand = (expanded, record) => {
    console.log("onExpand", expanded, record);
  };
  onSelect = (record, selected, selectedRows, nativeEvent) => {
    console.log(record, selected, selectedRows, nativeEvent);
  };

  render() {
    const rowSelection = {
      selectedRowKeys: [],
      onChange: this.onSelect
    };
    return (
      <div>
        <HeaderComponent />
        <h1>App user Component</h1>
        <Tabs>
          <TabPane tab="App-User" key="1">
            <Table
              columns={columns}
              rowSelection={rowSelection}
              expandedRowRender={(record, index, indent, expanded) =>
                expanded ? <p>extra: {record.location_name}</p> : null
              }
              onExpand={this.onExpand}
              dataSource={this.state.mockTableData}
            />
          </TabPane>
          <TabPane tab="Non-App-User" key="2">
            <h2>2nd Tab</h2>
          </TabPane>
        </Tabs>
      </div>
    );
  }
}
export default AppUser;

类AppUser扩展组件{
状态={
mockTableData:null，
selectedRowKeys:[]
};
建造师（道具）{
超级（道具）；
}
componentDidMount（）{
const apiURL=`${api_URL}/locations`；
get（apirl）.then（res=>{
this.setState（{mockTableData:res.data}）；
this.setState（{loading:false}）；
});
}
onExpand=（扩展，记录）=>{
log（“onExpand”，展开，记录）；
};
onSelect=（记录、选定、选定的Rows、nativeEvent）=>{
console.log（记录、选中、选中行、nativeEvent）；
};
render（）{
常量行选择={
选定的箭头键：[]，
onChange:this.onSelect
};
返回(
应用程序用户组件
扩展？额外：{record.location\u name}
：空
}
onExpand={this.onExpand}
dataSource={this.state.mockTableData}
/>
第二选项卡
);
}
}
导出默认AppUser；

---

不知道哪里出错了。

在您定义的每个渲染上

行选择

（因为

render（）

的主体在每个渲染上执行），将其移动到类实例/状态（并相应地使用它

this.rowSelection

this.state.rowSelection

）

类AppUser扩展组件{
行选择={
选定的箭头键：[]，
onChange:this.onSelect
};
...
render（）{
返回(
...
...
);
}
}
导出默认AppUser；

在您定义的每个渲染上

rowSelection

（因为

render（）

的主体在每个渲染上执行），将其移动到类实例/状态（并相应地使用它

this.rowSelection

/

this.state.rowSelection

）

类AppUser扩展组件{
行选择={
选定的箭头键：[]，
onChange:this.onSelect
};
...
render（）{
返回(
...
...
);
}
}
导出默认AppUser；

请注意，您没有提供任何可复制的示例-，复选框在哪里？您选择它们的事件在哪里？我们可以将antd用于角度右侧？请注意，您没有提供任何可复制的示例-，复选框在哪里？您选择它们的事件在哪里？我们可以使用antd来表示角度右侧？

class AppUser extends Component {
  rowSelection = {
    selectedRowKeys: [],
    onChange: this.onSelect
  };

  ...

  render() {
    return (
      <div>
        ...
        <Tabs>
          <TabPane tab="App-User" key="1">
            <Table
              rowSelection={this.rowSelection}
              ...
            />
          </TabPane>
          ...
        </Tabs>
      </div>
    );
  }
}
export default AppUser;