react简书项目学习笔记38如何拿到页面的输入值
2019-02-15 12:39
246 查看
通过ref属性把输入值存起来,然后在函数中传参
//存值 <Input placeholder='密码' type='password' ref={(input) => { this.password = input }}> </Input> //传参 <Button placeholder='登陆' onClick={() => this.props.login(this.account, this.password)}> </Button> const mapDispatch = (dispatch) => ({ login(accountEle, passwordEle) { console.log(accountEle) console.log(accountEle.value) } })
相关文章推荐
- React学习笔记----如何在html页面中使用react
- react简书项目学习笔记39项目上线流程
- 黑马程序员之WinForm编程基础学习笔记:页面上有一张图片,默认是隐藏的,用户在文本框中输入身份证号(131226198105223452),点击按钮,如果年龄大于18岁则显示图片。
- 【笔记】学习NServiceBus-如何定义你的输入队列的名称?
- 敏捷开发学习笔记(三)——如何进行团队项目会议
- Maven学习笔记二eclipse如何使用 Maven、Maven目录pom.xml文件的解析、maven 和maven项目之间的关系
- Obkective-C学习笔记(十四)——如何在项目中新建一个类
- 【WPF学习笔记】之如何传递第一个登录界面的值到下一个页面显示:动画系列之(三)
- C++学习笔记一:cout如何判断输入数据类型
- c#学习笔记三 如何访问另一个页面的控件数据
- Android开发学习笔记:如何移除EditText上的输入焦点
- 学习笔记 - Unity是如何将你的项目发布到如此多的平台的?
- 学习笔记:如何从Eclipse导入github上的项目源代码
- react 项目学习笔记一(react-router中的history)
- React学习笔记——Router(有待完善类比学习、页面路由与服务端路由部分)
- 【ReactJs学习笔记】【01创建项目】
- CEGUI学习笔记三-- 如何显示中文和中文输入 (转kun(小龙))
- Android项目学习笔记之如何将应用部署到真机上
- Android开发学习笔记:如何移除EditText上的输入焦点
- 网上图书商城项目学习笔记-017结算,跳转结算页面