React
有趣的前端
这个作者很懒,什么都没留下…
展开
-
react的生命周期钩子
react的生命周期钩子:Mounting:已插入真实 DOMUpdating:正在被重新渲染Unmounting:已移出真实 DOM生命周期的方法有:componentWillMount : 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, se原创 2020-07-14 10:44:22 · 128 阅读 · 0 评论 -
搭建react项目并配置路由
一条龙服务:1、全局安装create-react-appnpm install -g create-react-app2、创建项目,安装依赖create-react-app my-react-app3、进入项目cd my-react-app4、启动项目npm start项目启动,只有一个页面,下面开始安装路由,创建属于自己的结构打开项目,在src下,创建几个新的文件夹:创建pages文件夹,放路由组件创建router文件夹,放路由js创建store文件夹,放re原创 2020-07-14 10:20:46 · 2838 阅读 · 3 评论 -
React.js 搜索及子父传值
Add.jsimport React from 'react';import Search from "./components/search";import CreateNav from "./components/createNav"import './components/search.css'import './App.css';class App extends React.Component { constructor(props) { super(pro原创 2020-07-13 15:59:21 · 136 阅读 · 0 评论