Модальное свойство 'show' не существует для типа 'IntrinsicAttributes'

#reactjs #typescript #react-bootstrap

#reactjs #typescript #реакция-начальная загрузка

Вопрос:

Я использую Modal компонент точно так, как показано в react-bootstrap документах, но я получаю сообщение об ошибке Property 'show' does not exist on type 'IntrinsicAttributes amp; [...]'

 <Modal show={props.showModal} onHide={props.handleCloseModal}>
      <Modal.Header closeButton>
        <Modal.Title>Seleccionaste la opcion:</Modal.Title>
      </Modal.Header>
      <Modal.Body>
[...]

1. React-bootstrap на самом деле написан на машинописном языке, поэтому это не имеет смысла. Дважды проверьте свои версии

2. Я знаю, что это не имеет никакого смысла. Я дважды проверял версии несколько раз. Я даже погрузился в исходный код из моих node_modules и react-bootstrap github. В конце я установил @types / react-bootstrap, и это решило проблему

Ответ №1:

Покопавшись, node_modules/react-bootstrap/esm/Modal.d.ts я обнаружил, что оно фактически show не существует в определениях типов для react-bootstrap@^1.3.0 (странно, потому что это последняя версия согласно официальному веб-сайту, и даже документы говорят вам использовать эту опору).

Итак, мое решение состояло в том, чтобы установить @types/react-bootstrap там, где show реквизит был определенно включен. Это решило мою проблему!