如何解决当通过 props 作为回调方法传递箭头函数时,React 中如何进行额外的重新渲染?
在这个 React 文档 (https://reactjs.org/docs/handling-events.html) 中,它说,
" .....
<button onClick={() => this.handleClick()}>
Click me
</button>
.....
此语法的问题在于每次 LoggingButton 呈现时都会创建不同的回调。在大多数情况下,这很好。但是,如果此回调作为道具传递给较低的组件,则这些组件可能会进行额外的重新渲染。我们通常建议在构造函数中绑定或使用类字段语法,以避免此类性能问题。”
关于使用箭头函数作为回调道具。有人可以解释一下在这种情况下如何进行额外的重新渲染吗?只需要知道它的机制..
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。