2022年1月6日
跨组件通信的使用 Context应用场景
摘要： 方法一：通过父传子，一步一步向子组件传递数据 爷爷组件 class App extends React.Component { constructor(props){ super(props); this.state={ nickname:'kobo', level:99 } } render() 阅读全文
posted @ 2022-01-06 21:28 无何不可88 阅读(75) 评论(0) 推荐(0)
React插槽的实现
摘要： 方法一：通过 children获取 class App extends React.Component { render() { return ( <div> {/* <Header /> */} <NavBar> //子组件 <span>aaa</span> <span>bbb</span> <a 阅读全文
posted @ 2022-01-06 21:13 无何不可88 阅读(133) 评论(0) 推荐(0)
React 引入本地静态文件或图片
摘要： 之前我们引入图片可以直接使用 <img src="../assets/logo.png" alt="" /> 但在React中并不可用 推荐方法一： import logo from '../../assets/imgUrl/logo.png' export default function Hea 阅读全文
posted @ 2022-01-06 11:16 无何不可88 阅读(1470) 评论(0) 推荐(0)
创建React项目
摘要： 1. create-react-app 项目名称 2.关键文件夹：public 和 src public中编写index.html代码，例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
posted @ 2022-01-06 09:27 无何不可88 阅读(360) 评论(0) 推荐(0)