首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

redux-form的学习笔记

redux是一种常用的与react框架搭配的一种数据流架构,而伴随着redux的出现,也出现了许多基于redux开源的第三方库,而redux-form就是其中之一的开源组件库,到今天我写下这篇笔记为止,...在github上获得了5580颗star和654颗的fork数,今天就写一下我的redux-form的学习笔记吧 左转redux-form的api文档地址:http://redux-form.com/6.5.0.../docs/api/ 1第一件要做的事当然是安装依赖啦,通过终端进入项目所在目录,写入npm install redux-form安装依赖(前提:已成功配置node的运行环境,并且已安装好react和redux...我的form.js如下: import React from 'react' import { Field, reduxForm } from 'redux-form' const SimpleForm...这样一个最简单的redux-form就实现啦

1K90
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    redux-form的学习笔记二--实现表单的同步验证

    (注:这篇博客参考自redux-form的官方英文文档)左转http://redux-form.com/6.5.0/examples/syncValidation/ 在这篇博客里,我将用redux-form...,使redux-form同步错误提示 })(SyncValidationForm)//写入的redux-form组件 1什么是Field组件?...Field组件是redux-form组件库中的核心组件,它位于你的输入框(input)或输入框组件的外一层,将其包装起来从而使输入框能和redux的store直接连接起来。...的特殊标记,必填项 validate, // 一个验证函数,使redux-form同步验证 warn // 一个错误提示函数...,使redux-form同步错误提示 })(SyncValidationForm)//写入的redux-form组件 (这里的validate和warn采用了ES6的对象属性的简化写入写法,相当于validate

    1.8K50

    Redux框架reducer对状态的处理

    我目前接触较多的外部插件为redux-form。此处暂以redux-form更新state的方式进行一些探讨。...redux-form 当组件采用redux-form进行监听后,内部form表单里的对象都将被放入redux的state中进行管理,并由redux-form自身发起action进行更新删除等操作。...问题在于,每次表单的更新,redux-form都会发起一次action,这意味着我们在一个input框里输入一句简单的"hello world",默认情况下将会有11个state副本产生。...至于创建副本的目的是为了追溯历史操作与更改,则类似redux-form这样短时间高频率的更改state的方式,产生的大量细碎历史,或许并没有必要?...小结 就redux-form而言,在一些场景中,能明显感受到输入操作存在顿挫感。显然,当我们在选择外部插件时,需要合理考虑其对state的处理方式。

    2.1K50

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券