title: Select just one row in ant-design table component
body: <p>i'm having a problem and need some help. We are using ant-design library in our project. <a href="https://ant.design/components/table" rel="nofollow noreferrer">https://ant.design/components/table</a> The component we should use is a table. When i click on a row i must trigger an action. However i must check only one row not many so when i click on a row the checkbox in the previous row should be deselect.</p>
  
  <p>My code is here:</p>
  
  <pre><code>onSelectChange = selectedRowKeys =&gt; {
      if (selectedRowKeys.length &gt; 1) {
        const lastSelectedRowIndex = [...selectedRowKeys].pop();
        this.setState({ selectedRowKeys: lastSelectedRowIndex });
      }
      this.setState({ selectedRowKeys });
      console.log('selectedRowKeys changed: ', selectedRowKeys);
    };
  
    render() {
      const { selectedRowKeys } = this.state;
      const rowSelection = {
        selectedRowKeys,
        onChange: this.onSelectChange,
      };
      return (
        &lt;React.Fragment&gt;
          &lt;div style={{ marginBottom: 16 }} /&gt;
          &lt;Table
            rowSelection={rowSelection}
            columns={columnEvaluation}
            dataSource={result}
          /&gt;
        &lt;/React.Fragment&gt;
      );
    }
  </code></pre>
  
  <p>The selectedRow array is having the latest value BUT But the checkbox is NOT checked. Any ideas?</p>