如何显示表格，单击同一页面上的链接？

Question

我有两个链接。如果我单击一个链接，则无论是否单击另一个链接，都会打开一个模态。

state = {         可见：错误，         showTable：假     }

showCourseModal = () => {
    this.setState({
        visible: true,
    });
}

onOk = (e) => {
    this.setState({
        visible: false,
    })

}

showStudentList = () => {
    this.setState({
        visible: true,
    })

}


render() {
    return (
        <div align="center">
        <a href="#" onClick={this.showCourseModal}>Course</a>
        <a href="#" onClick={this.showStudentList}>StudentList</a>
            <CourseModal
                visible={this.state.visible}
                onOk={this.onOk}
                onCancel={this.onCancel} />
                <StudentListtable showtable={this.state.showTable} data={data}/>

        </div>
    )
}

}

如果我单击studenlist，它将在同一页中显示一个StudentListTable。iam使用student.json文件获取数据。如何显示？

         state = {
               showTable: this.props.showTable,
              }
            render() {

                return (
                    <div>
                        <div align="right">
                            <Button
                                type="primary">Update</Button>
                        </div>
                        <Table
                            dataSource={this.props.data}
                            showTable={this.props.showTable}
                            columns={columns}
                            pagination={{ pageSize: 5 }}

                        />
                    </div>
                )
            }

        }

Answer 1

您没有使用showTable。 showStudentlist正在更新可见

showStudentList = () => {
    this.setState({
        visible: true, <---Wrong, should be showTable: true
    })

}