文章分类 - react
摘要:对React的理解深度,将决定能解决的实战问题复杂度的上限 深挖一个优质的前端框架,吃透其底层原理 跟随框架作者(React团队)学习架构思想、学编码规范、学设计模式 先提现象/问题,再挖原理 JSX如何转变为DOM? JSX是JS的一种语法扩展,它和模板语言很接近,充分具备JS的能力 浏览器不会天
阅读全文
摘要:组件声明 使用ES6 class声明,如果有propTypes则必须写在顶部,lifecycle events必须写在一起 class propTypes defaultPropTypes constructor event handlers getters render class Person
阅读全文
摘要:import React, { Component, useState, useEffect, useRef } from 'react' import { useControl } from './hooks/useControl' import ReactDOM from 'react-dom/
阅读全文
摘要:import React, { Component, useState, useEffect } from 'react' import { useControl } from './hooks/useControl' import ReactDOM from 'react-dom/client'
阅读全文
摘要:import React, { Component, useState, useEffect } from 'react' import { useControl } from './hooks/useControl' import ReactDOM from 'react-dom/client'
阅读全文
摘要:import React, { Component, useState } from 'react' import { useControl } from './hooks/useControl' import ReactDOM from 'react-dom/client' import { na
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' import { // 🤴🏻🟨 推荐使用as将路由重命名为Route
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' import { HashRouter, Route, Link } fr
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' const root = ReactDOM.createRoot(docu
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' const root = ReactDOM.createRoot(docu
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' const root = ReactDOM.createRoot(docu
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' const root = ReactDOM.createRoot(docu
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' // 导入prop-types import PropTypes from 'prop-types' import { nanoid }
阅读全文
摘要:import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' import Husband from './components/Hus
阅读全文