我正在使用 ag-agrid 做一个小项目,我正在尝试翻译它。
我的目标是,当用户单击按钮时,它会更改语言,并且要更改语言,必须刷新页面
当点击按钮时:
changeLanguage(lang) {
this.setState({language: lang},
this.forceUpdate());
}
问题是:
forceUpdate() is not working
渲染和构造器:
constructor(props) {
super(props);
this.state ={
language: 'pt'
}
this.changeLanguage = this.changeLanguage.bind(this);
}
render() {
return (
<div className="ag-theme-balham" style={{ height: '700px', width: '95%' }}>
<Row>
<Button onClick={() => this.changeLanguage('pt')}> PT </Button>
<Button onClick={() => this.changeLanguage('en')}> EN </Button>
</Row>
<br/>
<AgGridReact
//props of grid
localeText={this.state.language === 'pt' ? pt : en}
/>
</div>
);
}
我在使用forceUpdate时做错了什么?
注意:pt和en是来自json文件的数据
最佳答案
您可以通过将 key
属性与 this.state.language
结合添加到 AgGridReact
组件来触发重新渲染,而不是使用 this.forceUpdate()。当您通过单击按钮更改语言时,这应该会导致重新渲染:
<AgGridReact
key={this.state.language}
... other props
/>
这是一个example行动中。
我没有发现您的代码有任何问题,这似乎更像是网格组件无法更新的问题。您正在正确更新状态。
希望有帮助!
关于javascript - 为什么点击按钮后forceUpdate不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58454972/