- 2024-08-22ReactDOM.render 和 ReactDOM.createRoot 二者的区别
ReactDOM.render和ReactDOM.createRoot都是用于在React应用程序中渲染组件的方法，但它们之间存在一些区别：ReactDOM.render：这个方法是React早期版本中使用的，现在已经被ReactDOM.createRoot替代。ReactDOM.render方法接受两个参数：第一个参数是要渲染的React组件，第二个
- 2024-04-05Radium 行内样式在 React18 中不生效
问题React17升级到18之后，行内样式借助Radium包实现hover和媒体查询，无法生效。npmiradium-S下载Radium依赖包App.jsimportRadiumfrom'radium'conststyleObj={width:100,height:100,backgroundColor:'#FAE',':hover':{backgro
- 2024-03-14props的用处
classMycomponentextendsReact.Componet{render(){const{name,age}=this.propsreturn(<ul><li>姓名：{name}</li><li>年龄：{age}</li></ul&g
- 2024-03-11组件的定义
定义组件： 1.函数式定义：<divid="test"></div><scripttype="text/babel">//创建函数式组件functionDemo(){return<h2>定义的简单组件</h2>}ReactDom.render(<Demo/>,document.getElementByI
- 2023-11-17ReactDOM.createPortal
ReactDOM.createPortal(child,container)Portal将提供一种将子节点渲染到DOM节点中的方式，该节点存在于DOM组件的层次结构之外。因此Portals适合脱离文档流(outofflow)的组件，特别是position:absolute与position:fixed的组件。比如模态框，通知，警告，goTop等import
- 2023-10-16React学习笔记03-编写第一个react应用程序
react开发需要引入多个依赖文件:react.js,react-dom.js,分别又有开发版本和生成版本，creat-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录情况，然后在里面重新创建一个index.js写入以下代码。//从react的包当中引入了React。只要你要写React.j
- 2023-07-30React（十）：props的基本使用
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>props的基本使用</title><scriptsrc="https://unpkg.com/react@18/umd/react.development.js"></script><scriptsrc=
- 2023-03-25react---调用 ReactDOM.render() 来修改想要渲染的元素
调用 ReactDOM.render() 来修改想要渲染的元素function tick(){constelement1=(<div><h1>h,w</h1><h2>itis{newDate().ToLocalTimeString()}.</h2></div>);
- 2023-03-23React的生命周期
-----------------------------------React旧版的生命周期-----------------------------------------------------------初始化阶段：由ReactDOM.render()触发----------
- 2023-03-17完整手写react第六天
常见的触发更新的方式：ReactDOM.createRoot().render（或老版的ReactDOM.render）this.setStateuseState的dispatch方法我们希望实现一套统一的更新机制，他的特
- 2023-03-07完整手写react第五天
如何触发更新常见的触发更新的方式：ReactDOM.createRoot().render（或老版的ReactDOM.render）this.setStateuseState的dispatch方法接下来的工作包括：实现mount时调用
- 2023-03-04readme
第一阶段react简单例子引入cdn关于reactReactDOMbabelReactDOM.render(dom,target,callback)dom不需要加引号，因为这个片段需要babel也就是需要运行在`<scriptty
- 2022-12-31快速体验React开发基础入门指南
前言大家好，我是CoderBin，本次整理了我学习react过程中的各部分的知识点，看完文本你将会学到jsx的基本使用使用脚手架创建项目如何在React当中定义组件React当中的事件绑
- 2022-11-05解决react执行两遍的问题
解决react执行两遍的问题原因使用脚手架创建项目后默认会开启严格模式，在严格模式下，React开发环境下会刻意执行两次渲染，用于突出显示应用程序中潜在问题。解决将入
- 2022-10-19React之高阶组件
React之高阶组件注意：本章节运行环境在React项目构建章节之上。文章目录React之高阶组件高阶组件装饰器带参装饰器高阶组件let