все понял, после события afterClose в модалке, вызываю метод где меняю текст на null  afterClose={this.closeModal}
Спасибо за подсказку

Всем привет. Может кто сталкивался. Redux Form 7.3.0. AsyncValidation меняет не assyncError а error.

подскажите пожалуйста, почему не обновляется свойство state после закрытия модалки?
state = {
       content: {},
}
static getDerivedStateFromProps(props, state) {
       if (props.modalData.id !== state.content.id) {
           return {
               content: props.modalData,
           };
       }
       return null;
   }
closeModal = () => {
       this.setState({ content: {} })
   }
<Modal
                   afterClose={this.closeModal}
               >

Скинь весь код модалки и родительского компонента

Попробуй через componentDidUpdate

Подскажите, почему переключалки работают по-разному?
Вроде бы делают одно и тоже...
Но в случае с prev - поведние не ожиданное

render() {
       const { content } = this.state;
       const { modalData, authorsData, executorsData } = this.props;
       return (
           <div>
               <Modal
                   visible={this.props.visible}
                   onOk={this.props.onOk}
                   onCancel={this.props.onCancel}
                   afterClose={this.closeModal}
               >
                   <div style={{ display: 'flex', marginTop: '2rem' }}>
                       <Text>{this.intl("resolutions-input-authorName")}</Text>
                       <Select defaultValue={authorsData ? authorsData.map(item => item.OwnName) : null} style={{ marginLeft: '1rem', width: '100%' }} >
                           {authorsData ? authorsData.map(item => <Option key={item.id} value={item.OwnName} >{item.OwnName}</Option>) : null}
                       </Select>
                   </div>
                   <div style={{ display: 'flex', marginTop: '1rem' }}>
                       <Text>{this.intl("resolutions-textarea-content")}</Text>
                       <TextArea defaultValue={content ? content.Content : null} style={{ marginLeft: '10px' }} />
                   </div>
                   <div style={{ display: 'flex', marginTop: '1rem' }}>
                       <ConfigProvider locale={locale}>
                           <Text>{this.intl("resolutions-datepicker-dataResolution")}</Text>
                           <DatePicker defaultValue={modalData ? moment(modalData.dateK_fact, "DD-MM-YYYY").startOf('date') : null} format={"DD-MM-YYYY"} picker="date" style={{ marginLeft: '10px' }} />
                       </ConfigProvider>
                   </div>
               </Modal>
           </div>
       );

Родитель
<Button type="primary" onClick={() => this.showModal(selectData)} }>{this.intl("resolutions-showButton-name")}</Button>
                       <ModalComponent
                           visible={this.state.visibleModal}
                           onOk={this.handleOk}
                           onCancel={this.handleCancel}
                           onClick={this.handleCancel}
                           modalData={modalData}
                           authorsData={authorsData}
                           executorsData={executorsData} />

componentDidUpdate не помогает, вылетает ошибка Maximum update depth exceeded

Также не совсем понятен пример из доки с prev:
<button onClick={() => setCount(prevCount => prevCount + 1)}>+</button>

<button onClick={() => setCount(count + 1)}>+</button>

разве setCount не одно и тоже делалет?

Всем привет! Подскажите как можно организовать группу чекбоксов в реакт? Точнее как организовать стейт

или у каждого чекбокса должен быть свой стейт

если вам нужен расшаренный стейт, возможно вам подойдет контекст

это просто задачка которую пытаюсь пилить

Спасибо, конечно, попытаюсь проглотить. А бегиннер-френдли подсказок нету?  ))))

Модалки вообще по хорошему должны быть в том же компоненте откуда юзаются

A порталы пофиксят верстку

почему это?

Ну ты собираешься для каждой модалки в стейте делать поле?) я уже молчу о передаче пропов