![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
刘缪_
简胜繁
展开
-
Modal对话框的_对象方式创建虚拟Dom
Modal对话框的_对象方式创建虚拟Dom优点:和直接使用jsx相比好传值今天在写弹出层时传参比较复杂被卡住了,就研究了一下Modal对话框的_对象方式创建虚拟Dom的方法atnD的对话框除了基础用法用的是jsx其他的都是对象方法创建的弹出层dom对比两张图像不像?..熟悉虚拟dom的肯定能看出来再看一下confirm(ctrl+Q)-这我更加确定了,modal使用了React.createElement基于不好传参这一块我最近几天找个时间录个视频,写类似antD的这种方法创建的组件原创 2021-09-23 21:08:19 · 175 阅读 · 0 评论 -
react运行项目当端口被占用直接打开新端口
四步解决react烦人的端口提示a.运行 yarn eject 暴露webpack配置b.打开文件 node_modules/react-dev-utils/WebpackDevServerUtils.jsc.找到 choosePort 函数 (大概在449行)d.替换 choosePort function choosePort(host, defaultPort) { return detect(defaultPort, host).then( port =&原创 2021-09-02 17:53:06 · 633 阅读 · 0 评论 -
一图看懂 vue的v-model语法糖 && react的受控组件
vue的v-model语法糖 vue学习笔记这不就是一毛一样的数据双向绑定吗vue<template> <div class="VModel"> v-model 语法糖 <input type="text" @change="txt=$event.target.value" :value="txt" > </div&g原创 2021-09-01 10:56:39 · 344 阅读 · 1 评论 -
一图看懂最——简单——的Hooks案列
源码import React, {useState} from "react";function HiHooks() { const [count, setCount] = useState(20) let myUseState = useState(100) let myCount = myUseState[0] let mySetCount = myUseState[1] return ( <div> ..原创 2021-08-17 11:37:00 · 81 阅读 · 1 评论 -
最___简单___的redux
最___简单___的redux1, store类似于老板src/redux/store.js/** 该文件专门用于暴露-一个store对象,整个应用只有一- 个store对象*///引入createStore,专门用于创建redux中最为核心的store对象import {createStore} from 'redux'//引入为Count组件服务的reducerimport countReducer from './app_reducer'console.log(123)原创 2021-08-12 15:40:38 · 80 阅读 · 0 评论 -
React最——简单——的类组件
最——简单——的类组件看图2. 上代码import React from 'react';import ReactDOM from 'react-dom';class Demo extends React.Component{ render() { console.log('我是Demo的实例组件的render方法') console.log(this) return <h1>我是Demo的实例组件的render方法<原创 2021-08-11 22:10:23 · 64 阅读 · 0 评论 -
React最--- 简单 ---的组件 (函数)
函数式组件1 声明一个函数2 在函数里 return 一个 <h1>3 上代码function Demo() { return <h1>哈哈哈哈</h1>}ReactDOM.render( <Demo/>, document.getElementById('root'));原创 2021-08-11 21:26:35 · 64 阅读 · 0 评论