모달을 트리거하고 "속성을 읽을 수 없습니다"에 '정의되지 않은 오류가 있습니다.'오류가 발생했습니다.

Question

react-redux를 사용하여 React-Bootstrap의 모달을 트리거하려면 ADD 버튼을 만들고 있습니다. 추가 버튼을 클릭하면 "속성을 읽을 수 없습니다 '에'정의되지 않은 '오류가 있습니다. 내 모달 구성 요소 코드는 다음과 같습니다

import {connect} from 'react-redux'; 
import React, {Component} from 'react'; 
import { Modal } from 'react-bootstrap'; 

class PopUp extends Component { 

render() { 

    console.log(this.props.modal_open.show); 
    return (

     <Modal show = {this.props.modal_open.show} > 
      here goes <Modal> body 
     </Modal> 

     ); 
    } 
} 
export default connect(mapStateToProps)(PopUp); 

내가 잘 모달 태그 앞에을 console.log (this.props.modal_open.show)를 넣습니다. 추가 버튼을 클릭하면 콘솔에 'true'가 표시되므로 Modal이 열렸어야합니다. 그러나 나는 오류가있다.

저는 2 일 동안 알아 내려고 노력했습니다. 나는 많은 온라인 검색을 해왔다. 나는 아직도이 문제에 대한 단서가 없다. 누군가 나를 도울 수 있기를 바랍니다!

Answer 1

React 16 (Fiber)으로 업데이트 한 경우 this issue과 관련이있을 수 있습니다. 나는 여전히 나를 위해 일할 해결책을 찾아 내려고 노력하고 있지만, 당신이 유용 할 수도있는 의견을 거쳐 간다면 그 이슈 페이지에서 사용할 수있는 몇 가지가있다.

아마도 관련이 있습니다 : react-bootstrap's Modal does not work with React 16.