react
雨下听风声
我就是我。
展开
-
React+TS+antd
安装typescript生成配置文件js空类型(NAN----notanumber)原创 2021-07-13 12:01:21 · 798 阅读 · 0 评论 -
react jsx语法
jsx是什么~js的语法扩展可以使用花括号{}内嵌任何表达式jsx属性关键词class 和for的替代html被编译成什么?渲染到root节点上原创 2021-03-31 17:01:19 · 93 阅读 · 0 评论 -
React学习笔记(四)之组件的拆分
新建一个TodoItem原创 2021-03-18 17:02:14 · 153 阅读 · 0 评论 -
React功能查询
React功能查询js部分Es6定义变量赋值按钮点击事件列表的循环js部分Es6定义变量 constructor(props){ super(props); this.state={ list:[], inputValue:'' } }赋值this.setState({ list:[...this.state.list,this.state.inputValue], inputValue原创 2020-06-24 16:47:48 · 1354 阅读 · 0 评论 -
【react学习笔记】为什么页面只展示空标签
通过reactDom 把app这个组件渲染到root结点中。原创 2020-06-23 16:26:51 · 250 阅读 · 0 评论 -
【React之文件的运行】用webstorm运行npm,实现网页的刷新
打开项目后找到package.jsonshow npm Scripts原创 2020-06-23 15:46:22 · 305 阅读 · 0 评论 -
react语法
1. 图片:import logo from './logo.svg';<img src={logo} className="App-logo" alt="logo" />原创 2020-05-22 14:36:19 · 129 阅读 · 0 评论 -
React学习笔记(六)之代码优化及css样式修饰
直接先做好this指向 ,有效提高代码性能(涉及到react底层设计规则)。在constructor里onclick的时候直接this.handleInputChange即可多行展示delete是关键词,建议修改名字样式不能这么加:对象的形式来进行编码 ------第一层{}表示里面是一个js表达式,第二层是表达式实际上是一个js的对象class=‘red-btn’ 出现警告报错的意思是:class在定义一个react组件在sr..原创 2020-05-18 10:54:58 · 206 阅读 · 0 评论 -
React学习笔记(五)之父子组件传递参数
通过属性,父组件向子组件传递参数。this.state.list.map((item,index)=>{ <todoItem content={item} />}子组件通过props(属性)来接收到父组件的参数class todoItem extends React.Component{ render(){ return( <div>{this.props.content}</div>原创 2020-05-18 10:04:49 · 335 阅读 · 0 评论 -
react学习笔记(三)之实现列表项的删除功能
绑定事件,知道被点击后才能进行操作传参打印测试复制一个列表列表删除对应的项原创 2020-05-18 09:09:04 · 653 阅读 · 0 评论 -
react学习笔记(二)之编写 TodoList 功能
按钮点击新增add报错原因:btn点击的时候this.handleBtnClick的this指的是todoList这个组件。当函数handleBtnClick运行的时候,函数里的this指向的是按钮解决第一步:按钮绑定this原创 2020-05-15 17:33:07 · 287 阅读 · 0 评论 -
React学习笔记(一)之安装
React Fiber 是React 16之后的版本。开发环境搭建:1.node官网:nodejs.org/en/npm包管理根据和node一起安装到电脑上打开命令行:node -vnpm -v2.React官网:reactjs.org//docs脚手架进入文件并运行cd my-appnpm run start初始化完毕:React组件reactDom会把app这个组件渲染到root标签里面app.js一定在定义react.原创 2020-05-15 17:11:11 · 219 阅读 · 0 评论