react
隔壁小廖
间接性壮志凌云,持续性混吃等死
展开
-
react实现兄弟组件传值,新增和删除记录
一、项目的创建 创建一个空白文件夹,打开控制台,输入命令: npx create-react-app my-react(项目名称) 搭建一个react的脚手架,搭建完成之后输入npm my-react 进入项目 这个时候我们就可以输入npm start 启动项目了 二、修改App.js文件配置 找到项目中src文件夹中的的App.js文件,打开,然后将内容全部删除,再输入如下代码: import React,...原创 2021-12-19 17:16:32 · 535 阅读 · 0 评论 -
react 类组件的事件绑定方法
一、创建类组件 在js或者jsx文件夹中输入命令如下: import React, { Component } from 'react' export default class a extends Component { render() { return ( <div> </div> ) } } 就创建了一个最...原创 2021-12-17 10:19:31 · 767 阅读 · 0 评论 -
react 脚手架的搭建
一、输入npx指令创建 创建一个空白文件夹,然后用vs code打开,并在该文件夹下打开集成终端(控制台),然后输入命令如下: npx create-react-app my-app 就创建了一个名为my-app的react项目,然后输入cd my-app进入该项目,再输入npm start启动该项目,则一个最简单的react脚手架就搭建好了 ...原创 2021-12-17 10:13:02 · 78 阅读 · 0 评论 -
react函数组件
一、创建一个函数式组件 function MyComponent(){ return <h2>我是用函数定义的组件(适用于【简单组件】的定义)</h2> } 二、渲染组件到页面 ReactDom.render(<MyComponent/>,document.getElementById("test")) 上面代码是将函数组件以标签化的形式渲染到id为test的元素当中 三、函数式组件的渲染流程 1.React解析组件...原创 2021-12-16 20:58:42 · 367 阅读 · 0 评论 -
jsx语法规则
1.定义虚拟DOM时,不要写引号"" 2.标签中混入JS表达式时,要用花括号{} 3.样式的类名指定不要用class,要用className 4.内联样式,要用style={{key:value}}的形式去写 5.虚拟DOM必须只有一个根标签 6.单标签必须有结束<input /> 或者变成双标签<input></input> 7.标签首字母规则: (1)若小写字母开头,则将该标签转为html中同名元素,若html中无该标签对应的同名元素,则...原创 2021-12-16 18:46:47 · 94 阅读 · 0 评论