
React
文章平均质量分 94
小钱端
这个作者很懒,什么都没留下…
展开
-
React Hooks中useContext 分开的父子组件进行传值
React Hooks中使用useContext 进行父组件向子组件传值 初次学习react-hooks的useContext,网上很多都是把父子组件写到一个文件的例子;今天分享一个把父子组件分开文件写的例子; 封装的一个公共组件,用于父子组件分别调用: import { createContext } from "react"; const CommonContext = createContext(null); export default CommonContext; 父组件,引入Common原创 2020-11-08 18:08:04 · 563 阅读 · 1 评论 -
react的<img />标签路径使用方式以及css引用方式
react的标签路径使用方式 使用import导入: import logo from "../assets/images/logo.png"; // 引用 <img src={ logo } /> // 使用 使用require方式: <img src={require("../assets/images/logo.png")} /> 注意: require里面只能写字符串, 不能写变量! react im原创 2020-11-01 14:25:38 · 2551 阅读 · 0 评论 -
React Hooks的用法及使用规则
React Hooks的用法及使用规则 Hooks是React v16.8加入的新特性。可以在class以外使用state和其他React特性。 1. State(状态) Hook 用法: import { useState } from 'react'; function Example() { // 声明一个新的状态变量,我们将其称为 "count" const [count, setCount] = useState(0) // 初始化数字 const [str, setString]原创 2020-10-21 08:37:43 · 3967 阅读 · 0 评论