[英]React access type prop via passed variable
我有一个具有许多属性的类型,我想知道是否可以使用一个函数来更新任何属性。 例如,我有
export type RequestData = {
Status: string,
RequestDate: Moment,
RequesterName: string,
RequesterId: number,
BudgetCategory: string,
BudgetSubcategory: string,
BudgetTeamCode: string
}
我可以用此更新BudgetSubcategory
interface ConnectedState {
requestData: Store.RequestData
}
interface ConnectedDispatch {
updateRequestData: (requestData: Store.RequestData) => void
}
function mapStateToProps(state: Store.All): ConnectedState {
return {
requestData: getRequestData(state),
}
}
function mapDispatchToProps(dispatch: Redux.Dispatch<Store.All>): ConnectedDispatch {
return {
updateRequestData: (requestData: Store.RequestData) => dispatch(updateRequestData(requestData))
};
}
class MainContainer extends React.Component<OwnProps & ConnectedState & ConnectedDispatch, {}> {
constructor(props, context) {
super(props, context);
}
updateBudgetSubcategory = (subcategory: string) => {
this.props.updateRequestData({...this.props.requestData, BudgetSubcategory: subcategory });
}
}
我希望能够一次更新一个道具,而不必为每个道具创建单独的功能。 是否可以将属性名称和值一起传递以执行类似的操作
updateRequestDataProperty = (propertyToUpdate: string, value: string) => {
this.props.updateRequestData({...this.props.requestData, propertyToUpdate: value });
}
您想使用计算属性 :
updateRequestDataProperty = (propertyToUpdate, value) => {
this.props.updateRequestData({
...this.props.requestData,
[propertyToUpdate]: value // field name: value of `propertyToUpdate`
});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.