如何解决Console.log在React.js的构造函数和渲染函数中两次打印值
为什么console.log在构造函数和渲染函数中两次打印值?
在这里:
class App extends React.Component {
constructor(props) {
console.log('Constructor');
super(props)
this.state = {
counter: 0
}
}
render() {
console.log('render');
return (
<div style={{ fontSize: '45px',fontWeight: 'bold' }}>
Counter: {this.state.counter}
</div>
)
}
}
解决方法
这是由于React.StrictMode
引起的。 React.StrictMode
是一个包装程序,可帮助为异步渲染准备应用程序。
您可以在此处了解更多信息! https://mariosfakiolas.com/blog/my-react-components-render-twice-and-drive-me-crazy/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。