0
我有两个组件,RaisedButton和TableList。 Tablelist返回select行,并且在状态(currentSelectedRows)中更新相同的行。 RaisedButton只是简单地调整currentSelectedRows。现在的问题陈述:onClick触发不同的功能
onClick RaisedButton它正确地调节状态(使用approveSelected)直到updateSelectedRows不更新状态。一旦状态在updateSelectedRows方法内更新,onClick RaisedButton组件首先调用updateSelectedRows,然后批准已选中。以下是代码。
export default class MyList extends React.Component {
constructor(props) {
super(props);
this.state = {
pendingList:[],
currentSelectedRows:[]
}
}updateSelectedRows(selectedRows){
console.log("updateCalled");
this.setState({
currentSelectedRows:selectedRows
});
};
approveSelected() {
console.log("approve selected");
console.log(this.state.currentSelectedRows);
};
render() {
return (
<div className="container">
<div className="row_align_right">
<RaisedButton label="APPROVE" backgroundColor={MUIColors.lightGreen500} labelColor={MUIColors.white} onClick={this.approveSelected.bind(this)} />
</div>
<div className="content">
<div className="">
<TableList
selectedRows={this.state.currentSelectedRows}
updateSelectedRows={this.updateSelectedRows.bind(this)}
/>
</div>
</div>
</div>
)
}
}
任何意见将是很大的帮助。
感谢
是这个问题是在我的TableList代码,我用材料UI的
相关问题