transition-group 关于16.13.1版本下，会报出一个findDomNode 的警告

Question

function Transition(props) {
const childRef = React.useRef(null);
return (

transition

)
}

class App extends Component {
constructor(props) {
super(props);
this.state = {
show: true
}
}

render() {
return (


<button onClick={() => this.handleToggole()}>toggole

)
}

handleToggole() {
this.setState({
show: this.state.show ? false : true
})
}

}

export default App;

我将CSSTransition 单独拆为一个无状态组件，再加入refs，可以解决警告的问题。
但是在组件内的过渡效果就无效了，是因为什么呢

Answer 1

Dell 2020-06-13 22:31:17

完整的警告发来我看下

• 提问者 我接受不了 #1

  findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here

• Dell 回复 提问者 我接受不了 #2

  我估计是版本升级造成的兼容性问题，你可以降一下版本试试。

• 提问者 我接受不了 回复 Dell #3

  好的~
  另外有个问题想请教下老师，生产环境的项目，有必要使用react的严格模式么，如果去掉会有什么影响么

点开查看后面1条评论