栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用TypeScript和React键入Redux Forms V7

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用TypeScript和React键入Redux Forms V7

我还遇到了这个问题,尝试按照https://redux-
form.com/7.0.4/examples/initializefromstate/中
的示例从redux状态初始化我的表单

我最终通过在更高级别连接组件来解决它,例如:

component.tsx:

interface DummyFormComponentProps {} extends InjectedFormPropsconst DummyFormComponent: React.SFC<DummyFormComponentProps> = props => {  return (    <form onSubmit={props.handleSubmit}>      // Fields go here    </form>  )}export const DummyForm = reduxForm({  form: "dummy-form"})(DummyFormComponent)// Trying to connect here also gave errors with DecoratedComponentClass

container.tsx:

interface DummyFormContainerProps {} extends Pick<InjectedFormProps,  "initialValues">const submitForm = (formValues: object) => {  alert(formValues);};const DummyFormContainer: React.SFC<DummyFormContainerProps> = props => {    return (    <DummyForm       initialValues={props.initialValues}      onSubmit={submitForm}    />  )}const mapStateToProps = (state: State) => ({  initialValues: {}});const mapDispatchToProps = (dispatch: object) => {  return {};};export default connect(mapStateToProps, mapDispatchToProps)(DummyFormContainer)


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636466.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号