随笔分类 - react
摘要：1.创建项目 npx create-react-app react-travel --template typescript 安装插件： --save-dev表示插件不参与最终的产品发布 npm install typescript-plugin-css-modules --sava-dev 2.统
阅读全文
摘要：#父传子 以index（父）和app（子）为例 把index中username变量的值传送到app中 index文件: //定义变量 const username = 'grace' //定义app组件中的属性并传参 <App username={username} /> app文件： //ts需要
阅读全文
摘要：1.创建变量 const [loading, setLoading] = useState<boolean>(false); const [error, setError] = useState<string>() 2.useEffect钩子控制变量值的变化 useEffect(() => { co
阅读全文
摘要：参考：https://zh-hans.reactjs.org/docs/hooks-intro.html 概念理解 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 （生命周期只存在于类组件中，hooks可以使函
阅读全文
摘要：props是组件对外的接口，state是组件随内的接口 props用于组件间的数据传递，而state用于组件内部的数据传递 state state是私有的，直接修改不会触发render函数，页面不会渲染 //错误 This.state.isOpen = true 正确的修改方法是使用setState
阅读全文
摘要：使用起来没什么不同，只是在创建的时候稍有区别 robot函数式组件： import React from "react"; import styles from "./robot.module.css" interface RobotProps { id: number; name: string;
阅读全文
摘要：创建一个项目，使用TS模板： 添加TS模板： https://zh-hans.reactjs.org/docs/static-type-checking.html#adding-typescript-to-a-project jsx简介： https://zh-hans.reactjs.org/do
阅读全文
摘要：参考:https://react.docschina.org/docs/introducing-jsx.html jsx的特点： 常规的html都可以和jsx兼容 可以在jsx中嵌入表达式 使用jsx指定子元素 (假如一个标签里面没有内容，也可以使用 /> 来闭合标签，就像xml语法一样) jsx命
阅读全文
摘要：根据es6的语法规则，我们可以使用import语句，把资源引用出来，最后项目上线时，react脚手架会通过底层打包工具webpack，打包整合资源。
阅读全文
摘要：必备： vscode编译器（或其它编译器） node 点击进入： https://reactjs.org/ → Create a New React App (npx 类似 于npm的升级,可以在不全局安装工具的情况下，使用这些工具。) 1.按照官网提示，创建项目 如果start不成功可以npm i
阅读全文
浙公网安备 33010602011771号