Reactjs 通过传递的变量响应访问类型prop
我有一个具有许多属性的类型,我想知道是否可以使用一个函数来更新任何属性。比如我有Reactjs 通过传递的变量响应访问类型prop,reactjs,Reactjs,我有一个具有许多属性的类型,我想知道是否可以使用一个函数来更新任何属性。比如我有 export type RequestData = { Status: string, RequestDate: Moment, RequesterName: string, RequesterId: number, BudgetCategory: string, BudgetSubcategory: string, BudgetTeamCode: string } 我可以用这个更新B
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`
});
};