React
叕叕666
这个作者很懒,什么都没留下…
展开
-
react-router-dom v6 的嵌套路由和路由参数传递
安装npm install react-router-dom修改index.jsimport React from 'react';import ReactDOM from 'react-dom';import App from './App';import {BrowserRouter} from 'react-router-dom'ReactDOM.render( <React.StrictMode> <BrowserRouter>..原创 2022-02-07 14:03:18 · 1327 阅读 · 0 评论 -
react-router-dom v6 的基本使用
安装npm install react-router-dom修改index.jsimport React from 'react';import ReactDOM from 'react-dom';import App from './App';import {BrowserRouter} from 'react-router-dom'ReactDOM.render( <React.StrictMode> <BrowserRouter>原创 2022-02-07 13:55:08 · 549 阅读 · 0 评论 -
React 组件的三大核心属性之 ref 在函数式组件中的基本使用
使用Hook可以在函数式组件中使用refimport React, {useRef} from 'react'import {Button} from "antd";export default function FuncCompDemo(props) { //创建ref const refText = useRef() function showText() { alert(refText.current.value) } retur原创 2022-02-07 13:48:35 · 391 阅读 · 0 评论 -
React 组件的三大核心属性之 state 在函数式组件中的基本使用
使用Hook可以在函数式组件中使用stateimport React, {useState} from 'react'import {Button} from "antd";export default function FuncCompDemo(props) { const initCount = 0; /** * @param 初值 * @return 数据和修改数据的function */ const [count, setCount]原创 2022-02-07 13:46:19 · 2036 阅读 · 0 评论 -
React 组件的三大核心属性之 props 在函数式组件中的基本使用
<head> <meta charset="UTF-8"> <title>demo</title> <!-- 引入react核心库 --> <script type="text/javascript" src="https://unpkg.com/react@17/umd/react.development.js"></script> <!-- 支持react操作DOM --&原创 2022-02-07 13:39:11 · 554 阅读 · 0 评论 -
React 父子组件之间的数据传递
父组件import React, {Component} from "react";import ParentChild from "./component/ParentChild/index"export default class App extends Component{ showData = (data) =>{ console.log(data) } render() { return ( <原创 2022-01-20 14:47:20 · 561 阅读 · 0 评论 -
React 组件的生命周期
旧新原创 2022-01-20 14:14:59 · 335 阅读 · 0 评论 -
React 组件的三大核心属性之 ref 在类式组件中的基本使用
<head> <meta charset="UTF-8"> <title>demo</title> <!-- 引入react核心库 --> <script type="text/javascript" src="https://unpkg.com/react@17/umd/react.development.js"></script> <!-- 支持react操作DOM --原创 2022-01-19 17:31:14 · 274 阅读 · 0 评论 -
React 组件的三大核心属性之 props 在类式组件中的基本使用
<head> <meta charset="UTF-8"> <title>demo</title> <!-- 引入react核心库 --> <script type="text/javascript" src="https://unpkg.com/react@17/umd/react.development.js"></script> <!-- 支持react操作DOM --&原创 2022-01-19 17:23:12 · 336 阅读 · 0 评论 -
React 组件的三大核心属性之 state 在类式组件中的基本使用
<head> <meta charset="UTF-8"> <title>demo</title> <!-- 引入react核心库 --> <script type="text/javascript" src="https://unpkg.com/react@17/umd/react.development.js"></script> <!-- 支持react操作DOM --&原创 2022-01-19 17:19:34 · 290 阅读 · 0 评论