订单详情单选按钮和行点击问题

Question

老师，在这一章节学习中我发现一个问题。就是这个单选按钮我设置了行点击，点击行然后选订单详情可以进行相关操作，比如跳转到另一个界面什么的。但是当我只选择按钮的时候无论怎么操作都只有请选择一条信息的modal框。回忆起来您原先在基础表格章节的讲解，我在rowSelection里面添加了onChange事件，但是于事无补。还是无法通过只点击按钮获得selectedItem。请问这是为什么呢？

  onChange: (selectedRowKeys, selctedRows) => {
        let ids = [];
        selctedRows.map(item => {
          ids.push(item.id);
        });
        this.setState({
          selectedRowKeys,
          selectedIds: ids,
          selctedRows
        });
      }

Answer 1

河畔一角 2018-12-02 22:15:40

这个地方可能有一个小问题，课程确实是通过行点击事件来操作的，没有基于按钮去操作，按钮那个位置也需要绑定一下事件，onClick事件才可以。你尝试加一下。rowSelection加onChange还是基于表格的行来的。

• 提问者 封笺 #1

  老师我的onChange事件就是在rowSelction里面加的呢，但是还是不work
  
  
     const rowSelection = {
        type: 'radio',
        selectedRowKeys,
  
        onChange: (selectedRowKeys, selctedRows) => {
          let ids = [];
          selctedRows.map(item => {
            ids.push(item.id);
          });
          this.setState({
            selectedRowKeys,
            selectedIds: ids,
            selctedRows
          });
        }
      };