react
xiaoDream-
这个作者很懒,什么都没留下…
展开
-
React-基础知识(五)
1.路由传参方式(1) 通过state传参传递数据// 列表页面import {useNavigate} from 'react-router';function House() { const navigate = useNavigate(); // 跳转到详情 const toDetail = (item) => { navigate('/home/detail',{ // state里放要传递的参数 state: {原创 2022-04-05 23:42:35 · 219 阅读 · 0 评论 -
React-基础知识(四)
1.配置路由 (1) 配置路由步骤 安装路由插件 安装命令:npmi react-router-dom 创建需要的组件: 在app.js配置所需路由 Router 最外层需要用Router进行包裹(只需一次) Routes 路由组件包裹层 Route 用来配置路由,包括路由地址和路由组件 根据自己需要配置路由代码如下:导入所需组件:import React from 'rea..原创 2022-03-30 19:12:09 · 1169 阅读 · 0 评论 -
React-基础知识(三)
Hooks1.在函数组件中没有state(状态),也没有声明周期2.react hooks,可以让react函数组件也拥有状态NO.1:useState1.在函数组件中使用useState来定义响应式数据,接收一个参数(变量的默认值)2.setkeyword 相当于 setState,用来修改keyword的值代码如下11No.2:useEffect 一个参数: 函数, 只要状态发生了变化, 函数就会执行,(默认先执行一次) 两个参数: 函数+空数组, 只会原创 2022-03-29 18:40:59 · 1260 阅读 · 0 评论 -
reaact 基础知识(二)
1.条件渲染代码如下:import React from 'react';export default function() { let isLogin = true; return ( <div> <h4>条件渲染</h4> { isLogin? <p>138****0000</p>: <p>还没登录,<bu..原创 2022-03-27 13:03:31 · 297 阅读 · 0 评论 -
React基础
1.项目搭建npm install -g create-react-app 使用 npx create-react-app 项目名称 运行项目 npm run start2.安装vscode格式化插件 Prettier - Code formatter 2.jsx-beautifyctrl+m 进行格式化 3.react 片段插件 Simple React Snippets常用的命令:imr 导入react imrc ...原创 2022-03-25 22:12:17 · 62 阅读 · 0 评论