react简书项目学习笔记38如何拿到页面的输入值

通过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简书项目学习笔记38如何拿到页面的输入值相关推荐

慕课简书项目个人笔记
第1章课程导学本章主要介绍学习react的重要性,课程的知识大纲,学习前提,讲授方式及预期收获. 1-1 课程导学 React由Fackbook 2013年5月推出开源框架,函数式编程React ...
android源码编译简书,android学习笔记之源码编译
编译环境 1.需要Ubuntu 64bit,建议Ubuntu14.04 64-bit 2.安装openJDK7 $ sudo apt-get update $ sudo apt-get install ...
八十三、React简书项目：Styled-Components 与 Reset.css 的结合使用，完成Header布局
2020/11/21. 周六.今天又是奋斗的一天. @Author:Runsen 创建项目使用 React 官方脚手架工具提供的工作流快速搭建和开发项目.发现React比Vue在某些方面还是强很多. ...
python学习笔记简书_Python学习笔记
本人在廖雪峰的python教程学习python,在此记录一些笔记,记一些重要的东西,以便查询及复习. 输入与输出用print()在括号中加上字符串,就可以向屏幕上输出指定的文字. print()会依 ...
python基础知识笔记简书_Python学习笔记01——基础知识
Python常用数据类型: 整数(int),浮点数(float),字符串(str) 布尔型(True,False),空值(None) 列表(list):一种有序集合,可以随时添加删除其中的元素. cl ...
06.简书项目实战三：详情页面和登录功能实现
简书项目实战三:详情页面和登录功能实现 1. 详情页面布局这部分的布局比之前的简单多了,就一个标题加上主要内容而已. export default class Detail extends Comp ...
TheBeerHouse 网站项目学习笔记(5)---架构设计
前述讨论: TheBeerHouse 网站项目学习笔记(1)----换肤技术 TheBeerHouse 网站项目学习笔记(2)----个性化管理 ...
尚医通项目学习笔记Part1
尚医通项目学习笔记前言一.目前学习进度二.学习记录 1.项目简介 1.1 项目所会用到的技术栈 1.2 业务流程 2.项目学习笔记 2.1MyBatis-Plus相关 2.2搭建项目框架 2.3 ...
编译原理（龙书）学习笔记第一章
编译原理(龙书)学习笔记第一章 1.1语言处理器解释器(interpreter) : 编译器(compiler): 一个语言处理系统练习 1.1.1:编译器和解释器之间的区别 1.1.2:相对优 ...

react简书项目学习笔记38如何拿到页面的输入值

react简书项目学习笔记38如何拿到页面的输入值相关推荐

最新文章

热门文章