我有一个外部(对组件),可观察对象,我想听的变化。当对象被更新时,它发出改变事件,然后当检测到任何改变时,我想重新渲染组件。
使用顶层React.render这是可能的,但在一个组件内它不工作(这是有意义的,因为render方法只返回一个对象)。
这里有一个代码示例:
export default class MyComponent extends React.Component { handleButtonClick() { this.render(); } render() { return ( <div> {Math.random()} <button onClick={this.handleButtonClick.bind(this)}> Click me </button> </div> ) } }
点击按钮内部调用this.render(),但这不是什么实际导致渲染发生(你可以看到这在行动,因为由{Math.random()}创建的文本不会改变。但是,如果我简单地调用this.setState()而不是this.render(),它工作正常。
所以我想我的问题是:React组件需要有状态才能重新渲染?有没有办法强制组件按需更新而不改变状态?
在您的组件中,您可以调用this.forceUpdate()强制重新转换。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。