使用顶层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组件需要有状态才能重新渲染?有没有办法强制组件按需更新而不改变状态?