React
文章平均质量分 53
前端大灰狼
这个作者很懒,什么都没留下…
展开
-
React18学习
react学习笔记,主要记述本人认为常用的知识点,可能会有纰漏和问题欢迎讨论原创 2023-01-20 18:18:16 · 677 阅读 · 1 评论 -
属性 props
1 基本用法属性一般时外部传入的,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的 propsconst Con = (props) => { return ( <Con>{ props.title }</Con> //函数式组件通过props获取属性 )}class Com extends Component { render () { return ( <div> {原创 2022-02-16 20:59:18 · 412 阅读 · 0 评论 -
React - JSX原理
1 要明白JSX的原理,需要先明白如何用 JavaScript 对象来表现一个 DOM 元素的结构比如下列代码<div class='app' id='appRoot'> <h1 class='title'>欢迎进入React的世界</h1> <p> React.js 是一个帮助你构建页面 UI 的库 </p></div>上面这个 HTML 所有的信息我们都可以用 JavaScript 对象来表示(c原创 2022-02-16 10:39:57 · 256 阅读 · 0 评论 -
React - 1 项目结构(以及创建项目)
1 'react' 和 'react-dom''react'和'react-dom'是每个react文件必须要有的包'react' 是react的顶级API,包含众多方法,其中Component尤为重要作用为编译jsx,还包括Fragment(空标签),createRef(定义类组件的ref),useRef(定义函数组件的ref)等方法'react-dom'的唯一作用是渲染并构建dom树...原创 2022-02-14 22:18:45 · 802 阅读 · 0 评论 -
React - 2 组件
1 'react' 和 'react-dom''react'和'react-dom'是每个react文件必须要有包'react' 是react的顶级API,包含众多方法,其中Component尤为重要作用为编译jsx,还包括Fragment,createRef,useRef等方法'react-dom'的唯一作用是渲染并构建dom树...原创 2022-02-14 21:03:38 · 132 阅读 · 0 评论 -
React - 3 样式
1 'react' 和 'react-dom''react'和'react-dom'是每个react文件必须要有包'react' 是react的顶级API,包含众多方法,其中Component作用为编译jsx'react-dom'的唯一作用是渲染并构建dom树2 react的样式1 行内样式class App extends Component{ render () { return <div style={ { width: '200px', //原创 2022-02-12 21:39:59 · 428 阅读 · 0 评论