![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 56
男孩12
爱工作,爱生活
展开
-
react实战
React项目实战[[TOC]](一) 创建项目npm i create-react-app -g 安装脚手架(需要node14以上)create-react-app my-app 创建项目用vscode打开项目my-appnpm start 运行项目win7安装node14:若安装有nvm, 先卸载下载node14解压到c盘右键我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => 双击Path原创 2022-04-10 14:25:41 · 2513 阅读 · 0 评论 -
react路由配置
准备工作需要安装依赖 npm i react-router-dom然后创建在我们app.js中配置路由,具体做法如下:import './App.css';import { BrowserRouter as Router, Routes, Route} from "react-router-dom";import Home from "./views/home/index";import Target from "./views/target/index";import My from "./原创 2022-03-27 10:07:24 · 2959 阅读 · 1 评论 -
react基础知识
react基础知识搭建项目npm install -g create-react-app使用 npx create-react-app 项目名称运行项目的话 npm run startreact代码块组件: Simple React Snippetsjsx语法我们的react页面的元素放在我们的return中语法见下:import React from 'react';import "./Demo3.css"function Demo3() { let obj={原创 2022-03-25 20:06:41 · 1465 阅读 · 0 评论 -
react用类创建组件
类创建组件约束1.组件类必须继承于React.Component2.必须要有render这个函数3.必须有return这个返回值//引入我们的独立组件import React from "react";import ReactDOM from "react-dom";class Hello extends React.Component{ render(){ return ( <h1>我是第一个类组件</h1> ) }}R原创 2022-01-31 19:43:19 · 665 阅读 · 0 评论 -
raeact创建元素的创建并渲染到项目的网页上
创建我们的react页面1.导包import React from ‘react’import ReactDOM from ‘react-dom’2.创建我们的react元素的方法有两种:第1种方式.通过React.createElement(创建的标签名,创建标签的属性,创建标签的子节点);// 创建react元素var title=React.createElement('h1',{title:'myh1'},'我是一级标题');第2种方式.通过我们的JSX语法创建react元素原创 2022-01-30 21:13:05 · 1004 阅读 · 0 评论 -
react创建脚手架并启动项目
react定义:构建用户界面的javascript库使用方法1.导包使用 npx create-react-app 项目名称2.到你所创项目的目录下运行以下代码.npm start运行结果如下:然后进入到我们创建项目的根目录然后我们运行我们创建的项目使用我们命令npm start然后就可以看到,这样的界面...原创 2022-01-29 19:17:40 · 1062 阅读 · 0 评论