在React Redux中使用Modal

时间:2019-05-02 14:23:50

标签: reactjs redux react-redux

我正在尝试使用React Redux开发一个Modal。我的代码如下所示

render() {
    return (
        <Modal open = { this.props.controlModal } onClose = { this.props.action } >
        <Provider store={ store }>
          {
             this.props.addresObj ? (
                <Modal.Header>Data Details</ Modal.Header >
          ) : (
               <Modal.Header>Insert Data < /Modal.Header>
          )
}
<Modal.Content>
    <ModalElement
       update={ this.update }
       element = { this.props.dataObj }
       errors = { this.state.errors }
       update_state_photo = { this.update_state_photo }
       data = { this.props.data }
       action = { this.props.action }
    />
    </Modal.Content>

    < Modal.Actions >
    {
        this.props.dataObj ? (
            <Button
                positive
                icon="checkmark"
                labelPosition="right"
                onClick={ this.closeModal }
                content="OK"
            />
            ) : (
            <Button
                positive
                icon = "checkmark"
                labelPosition = "right"
                onClick = { this.insertdata }
                content = "Save"
            />
            )}
       </Modal.Actions>
    < /Provider>
    < /Modal>
    );
  }
}

如何使用<Provider store={ store }>

我如上所述使用了<Provider store={ store }>。但是我面临问题。我使用模式显示使用条件的两种类型的数据。我可以显示1种类型的数据而不会出现错误。但是,如果我尝试显示两种类型的数据,就会遇到错误。

0 个答案:

没有答案