Блог

Я использую загрузочную версию react для создания модала.

Внутри модального тела я хотел бы добавить еще один компонент, например компонент поля для комментариев.

          <>
    <Modal show={show} onHide={handleClose} centered>
        <Modal.Header closeButton>
            <Modal.Title>Confirmation</Modal.Title>
        </Modal.Header>
        <Modal.Body>
            Are you sure to mark this change as { action } ? 

            <> 
            <CommentBox>
                
            </CommentBox>
            </>
            
        </Modal.Body>
        <Modal.Footer>
            <button className="btn-secondary" onClick={handleClose}>
                Close
            </button>
            <button className="btn-primary" onClick={handleSubmit}>
                Save Changes
            </button>
        </Modal.Footer>
    </Modal>
    </>
 

Однако это не работает.

Я получаю следующую ошибку :

Ошибка: Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: объект. Скорее всего, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы, возможно, перепутали импорт по умолчанию и именованный импорт. Проверьте метод визуализации FourEyeConfirmModal .