![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
LaoYe - IT
一位正在学习的菜鸟
展开
-
React系列学习笔记5 --- 组件样式
目录1、引入样式2、内联样式3、样式对象4、多组件共享style对象 需要注意的时,组件名内不能使用style样式,例如:<Test style={{color:blue,font-size:24}} />。1、引入样式//CSS样式.blue{ color:blue;}//JS代码function SayHello(prop...原创 2019-03-17 13:13:18 · 343 阅读 · 0 评论 -
React系列学习笔记2 --- 元素渲染
目录将元素渲染到 DOM 中更新元素渲染 元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>; 与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,ReactDOM可以确保浏览器 DOM 的数据内容与 React ...原创 2019-03-16 23:51:18 · 281 阅读 · 1 评论 -
React系列学习笔记1 --- React的引用和Hello Word
引入React可以直接使用 Staticfile CDN 的 React CDN 库<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.staticfile.org/reac...原创 2019-03-16 23:45:41 · 245 阅读 · 0 评论 -
React系列学习笔记4 --- 组件
目录一、组件概念二、React创建组件的两种种方式 第一种:函数组件 第二种:React.Compent组件 第三种:复合组件 第四种:提取组件一、组件概念 React组件可以让你把UI分割为独立、可复用的片段,并将每一片段视为相互独立的部分,这样就只需要专注与构建每一个单独的不见。组件是由一个个...原创 2019-03-17 00:11:47 · 313 阅读 · 0 评论 -
React系列学习笔记3 --- JSX
目录一、JSX 语法 自定义属性 插入表达式 展开数组元素 添加样式二、JSX语法转化过程三、JSX 的基本使用四、JSX的注意点一、JSX 语法1.1 JSX基本结构var persons = ['张三', '李四', '王五'];ReactDOM.render( <div> ...原创 2019-03-17 00:00:36 · 272 阅读 · 0 评论