![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
Qc1998
这个作者很懒,什么都没留下…
展开
-
react 学习笔记(五):表单
React 中有约束性组件和非约束性组件非约束性组件:使用 defaultValue 代表组件的值,react 不会管理该组件的输入过程约束性组件:使用 value 代表组件的值,这个值不是写死的内容,需要给这个组件绑定 onChange 事件来管理这个组件的输入主要了解各种表单控件如何作为约束性组件在 react 中进行管理, 完整例子附在最下方text将 value 属性绑定...原创 2020-02-13 20:20:28 · 325 阅读 · 0 评论 -
react 学习笔记(四):事件与this指向问题
react 事件绑定以绑定一个点击事件为例, 在需要绑定点击事件的元素上添加 onClick 属性,值为需要触发的函数,如class Home extends Component { constructor(props) { super(props); } sayHello(){ alert('Hello') } render() { retur...原创 2020-02-10 22:08:39 · 222 阅读 · 0 评论 -
react 学习笔记(三):JSX
JSX 基本用法JSX 是一种 JavaScript 的语法拓展,react 中组件渲染内容通常使用 JSX 表示。JSX将 html 标签与 JavaScript 表达式混合在了一起,通过 {} 将 JavaScript 表达式嵌入到元素之中。如const msg = ‘Hello World’;const element = <h1>{msg}</h1>Rea...原创 2020-02-04 09:58:07 · 246 阅读 · 0 评论 -
react 学习笔记(二):react 组件创建与传值
react 中,创建组件有两种方式,函数组件和class组件函数组件函数组件通过编写JavaScript函数创建,创建组件中较为简单的方法,以创建一个 Hello 组件为例function Hello(){ return (<h1>Hello World</h1>)}函数名就是组件的名称,return的内容就是需要渲染的内容,使用的JSX语法。...原创 2019-11-02 15:39:07 · 162 阅读 · 0 评论 -
react 学习笔记(一):react项目创建及目录结构
react 项目创建首先安装脚手架工具,create-react-appnpm install –g create-react-app安装完成后,执行create-react-app 项目路径执行完成后一个 react 项目就在指定的路径下创建react目录结构react项目创建完成后的目录结构如图:主要看 public 和 src 文件夹中的文件:p...原创 2019-11-01 14:39:00 · 1709 阅读 · 0 评论