代码之家 › 专栏 › 技术社区 › Emad Dehnavi

React Recompose:无法访问在WithStateProps中创建的方法

recompose typescript reactjs javascript

Emad Dehnavi · 技术社区 · 6 年前

我使用重新组合来定义以下方法:

export interface WithStateProps {
  isDisabled: boolean;
  isReady: boolean;
  setDisabled(value: boolean): void;
  setReady(value: boolean): void;
}


export const withStateHoc = withState('isDisabled', 'setDisabled', false);
export const withIsEligibleStateHoc = withState(
  'isReady',
  'setReady',
  true
);

export const isReady = (value : string) => {
  return value ? true : false
};

export type WrappedProps = StepContentProps &
  FormikProps<MyAddress> &
  InjectedIntlProps & 
  AddressFormHandlers & WithStateProps;

当我想使用 setReady 方法我收到此消息: props.setReady is not a function 这是我的代码:

export const withFormikHoc = withFormik<
  WrappedProps & RouteComponentProps<{}> & InjectedIntlProps & WithStateProps,
  MyAddress
>({
 handleSubmit: async (values, { props, setSubmitting }) => {
     const addressAlreadyVerified = isReady(values.country);
     if(addressAlreadyVerified) {
        props.setReady(true)
     }
   }
})

当我盘旋 props.setReady(true) 在vcode中,我可以看到: (method) WithStateProps.setReady(value: boolean): void

但我知道 props.setReady 不是函数!

有人知道我在这里遗漏了什么吗?

2 回复 | 直到 6 年前

Sergio Moura 6 年前

handleSubmit: async (values, { setSubmitting, ...props }) => {

setSubmitting props

handleSubmit: async (values, { setReady, setSubmitting }) => {
  const addressAlreadyVerified = isReady(values.country);
  if (addressAlreadyVerified) {
    setReady(true)
  }
}

handleSubmit: async (values, props) => {
  const addressAlreadyVerified = isReady(values.country);
  if (addressAlreadyVerified) {
    props.setReady(true)
  }
}

设置提交 完全。如果你愿意的话,你可以把它去掉。

Emad Dehnavi 6 年前

嗯,我发现问题,这是我的错误,在我的 compose 我补充说 withFormikHoc 之前 withStateHoc 和; withIsEligibleStateHoc 这就是错误的原因。把他们带来后,第一个问题解决了。

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

8 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

8 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

9 月前

Luckkks · 过渡色工作不正常

9 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

9 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

9 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

9 月前

noblerare · Vite错误-未定义导出(SSR)

9 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

9 月前