Реквизиты от состояния перезаписывают реквизиты от родителя, используя React-Redux?

Question

При использовании React + Redux родительские реквизиты перезаписывают реквизиты из состояния или реквизиты из состояния перезаписывают реквизиты из родительских компонентов (это если имена реквизитов cla sh)?

interface OwnProps {
  //The type for the props provided by the parent component
}

function mapDispatch(dispatch: AppDispatch<any>) {
  return { dispatch };
}

function mapState(state: RootState) {
  return {
    s: {
      // props from state are namespaced onto s
    }
  };
}

type StateProps = ReturnType<typeof mapState>;
type DispatchProps = ReturnType<typeof mapDispatch>;
type AllProps = StateProps & DispatchProps & OwnProps;

const ResetPassword: React.FC<AllProps> = (p) => {
  ///
}

Answer 1

const Component = ({ testProp }) => (
  <div>testProp: {testProp}</div>
);

const mStP = () => ({
  testProp: 'testProp from mapStateToProps',
});

const ConnectedComponent = connect(mStP)(Component);

Затем сделайте это где-нибудь в компоненте вашего приложения:

<ConnectedComponent testProp="testProp from parent component" />

Как видите, mapStateToProps определяет значение testProp. Если вы хотите сохранить значение, переданное родительским компонентом, просто не помещайте testProp в объект, возвращаемый mapStateToProps.

Если вы не используете второй аргумент ownProps в mapStateToProps, все реквизиты, переданные ConnectedComponent, по-прежнему находятся там - Redux не мешает поведению React по умолчанию.