摘要: 1.使用行内样式 想给虚拟dom添加行内样式,需要使用表达式传入样式对象的方式来实现: // 注意这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号 <p style={{color:'red', fontSize:'14px'}}>Hello world</p> 行内样式需要 阅读全文
posted @ 2023-10-19 10:45 SadicZhou 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 一个项目肯定是由多个组件构成的,组件之前必然会存在相互嵌套的关系 在react中如果想要将一个组件嵌入到另外一个组件中 只需要在父组件的render函数的返回值中放入子组件即可 请看下面代码 import React, { Component } from "react" class Navbar 阅读全文
posted @ 2023-10-19 10:32 SadicZhou 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 函数式组件即在React中通过函数的方式来声明一个组件 import React from "react" function App() { return ( <div> 函数式组件 <div>hhh</div> </div> ) } /* 16.8之前 //无状态 16.8之后 react hoo 阅读全文
posted @ 2023-10-19 10:26 SadicZhou 阅读(24) 评论(0) 推荐(0) 编辑
摘要: ES6的加入让JavaScript直接支持使用class来定义一个类,react创建组件的方式就是使用的类的继承, ES6 class 是目前官方推荐的使用方式,它使用了ES6标准语法来构建,看以下代码 import React from 'react' import ReactDOM from ' 阅读全文
posted @ 2023-10-19 10:16 SadicZhou 阅读(26) 评论(0) 推荐(0) 编辑