responsejs - как визуализировать компонент только один раз на основе значения реквизита - PullRequest
Новая
       1

responsejs - как визуализировать компонент только один раз на основе значения реквизита

1 голос
/ 19 июня 2019

У меня есть этот реквизит this.props.isCsvHeadersColumnMismatch от rootReducer.js. Я пытаюсь показать модальную ошибку, основанную на значении этого флага реквизита. 

render = () => {
const csvColumnMismatchError =
  this.props.csvColumnMismatch ?
    Modal.error({
      title: 'Error',
      content: 'Sorry, CSV columns does not match with the recorded columns.',
    }) : null;

return (
    <Modal
        visible={this.props.isCsvUploadModalVisible}
        okText= {this.csvColumnMismatch}
        title="CSV Upload"
        onOk={() => this.props.handleCsvUpload(
            appendOverrideFlag,
            csvHeaders,
            csvDescription,
        )}
        onCancel={this.resetModal}
        zIndex={10}
    >
        { csvColumnMismatchError }

        // have other fields of modal here after.
    </Modal>
);
}

С этим кодом я получаю сообщение об ошибке, так как компонент обрабатывается несколько раз и каждый раз, когда появляется модальное сообщение об ошибке. Я знаю, что это не правильный путь для достижения желаемого результата. Пожалуйста, помогите!

...