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`
  });
};