Reactjs 反应:向findDOMNode传递了一个转换实例

Reactjs 反应:向findDOMNode传递了一个转换实例,reactjs,Reactjs,我还没有反应过来,遇到了一个问题,我似乎真的找不到任何解决办法 基本上,我有一个按钮,它触发一个状态来打开/隐藏一个模态组件。。。单击按钮时,我收到错误信息: js:1警告:在StrictMode中不推荐使用findDOMNode。向findDOMNode传递了StrictMode内的转换实例。相反,直接向要引用的元素添加一个ref。在此处了解有关安全使用参照的详细信息: 所以我试着给我的模态组件添加一个ref,没有用,也试着用ref在模态组件周围创建一个包装器,也没有用 我在从redux添加c

我还没有反应过来,遇到了一个问题,我似乎真的找不到任何解决办法

基本上,我有一个按钮,它触发一个状态来打开/隐藏一个模态组件。。。单击按钮时,我收到错误信息:

js:1警告:在StrictMode中不推荐使用findDOMNode。向findDOMNode传递了StrictMode内的转换实例。相反,直接向要引用的元素添加一个ref。在此处了解有关安全使用参照的详细信息:

所以我试着给我的模态组件添加一个ref,没有用,也试着用ref在模态组件周围创建一个包装器,也没有用

我在从redux添加connect()后出错-在将connect()方法添加到组件之前,我没有收到错误

代码非常简单:

<div>
            <button onClick={toggleTrueFalse}>Click here to open a modal</button>
            <CSSTransition
                in={showModal}
                timeout={300}
                classNames="dialog"
                unmountOnExit
            >
                <Modal modalHeaderContent={modalHeaderContent} modalContent={modalContent}/>
            </CSSTransition>
        </div>

我猜解决方案相当简单,但似乎找不到任何解决方案?

好的,所以我找到了一个可行的解决方案,作为react transition group的GIThub页面:

const [showModal, setShowModal] = useState(false);
const toggleTrueFalse = () => setShowModal(!showModal);