小编Ami*_*abi的帖子

我在状态中有一个JSX元素和一个计数器，JSX元素在状态中使用了计数器状态。我用模式显示组件1中的JSX元素，并在component2中设置JSX元素。

当我尝试更新组件2中的计数器时，它不会在组件1中的JSX元素计数器中更改。

组件1

class Meeting extends Component {

    render() {
        const { dispatch, modalVisible, modalContent } = this.props;

        return (
            <Landing>
                <Modal
                    title="Title"
                    visible={modalVisible}
                    onOk={() => { dispatch(showModal(false)); }}
                    onCancel={() => { dispatch(showModal(false)); }}
                    okText="Ok"
                    cancelText="Cancel"
                >
                    <div>
                        {modalContent}
                    </div>
                </Modal>
            </Landing>
        );
    }
}

function mapStateToProps(state) {
    const {
        modalVisible,
        modalContent,
        counter
    } = state.meeting;

    return {
        modalVisible,
        modalContent,
        counter
    };
}

export default connect(mapStateToProps)(Meeting);

组成部分2

class MeetingItem extends Component {

    state = {
        checked: []
    }

    handleChange = …