React
奥特蛋_mm
知识从未如此性感~
展开
-
react项目搭建
一、安装node和npmnode官网,根据你的电脑安装相应的版本,安装node后,自动安装npm管理工具。二、安装create-react-app脚手架 工具在cmd中全局安装create-react-app工具,其可以自动地在本地目录中创建react项目,这个类似于vue中的vue-cli,有了它,可以帮你自动生成很多东西,方便快捷。它本身集成了Webpack,并配置了一系列内置的loa...原创 2020-03-23 09:42:54 · 155 阅读 · 0 评论 -
react项目引入element-react报错
./node_modules/element-react/dist/npm/es5/libs/animate/transition.jsModule not found: Can’t resolve ‘react-hot-loader’ in ‘…’react项目引入element-react 官网步骤分2步安装element-reactnpm i element-react --save...原创 2020-03-16 16:55:00 · 1932 阅读 · 0 评论 -
Objects are not valid as a React child.
初学react,看到元素渲染章节时,手动写了一下简单的代码,出现下面的报错:翻译成中文: 对象不能作为React子对象使用。如果要渲染子对象的集合,请改用数组。本意是要先获取当前系统时间渲染到通过react构建的root根节点上,出现了报错,源代码:import React from 'react';import ReactDOM from 'react-dom';const el...原创 2020-03-12 15:47:29 · 468 阅读 · 0 评论 -
React中的父子组件传值
一、父组件向子组件传值父组件import React from 'react'import TodoItem2 from "./TodoItem2";class App2 extends React.Component{ constructor(props) { super(props) this.state = { list...原创 2019-07-24 11:36:19 · 619 阅读 · 0 评论 -
React的路由使用和页面跳转
1.安装react-router-demonpm install --save react-router-demo2.引入Routerimport React from 'react';import { BrowserRouter as Router,Route} from 'react-router-dom';import Login from "./Pages/Login";im...原创 2019-07-25 16:48:07 · 1316 阅读 · 1 评论 -
React中样式设置和CSS引入
1.内联式(行内样式)直接在标签内部声明样式< div style={{fontSize:‘30px’,lineHeight: ‘50px’,marginTop: ‘90px’}}>Home< /div>style样式要放在双引号之间,样式改用驼峰式写法, 即将 原连字符形式更改为单驼峰式写法margin-top → marginTop2.嵌入式(内部样式)...原创 2019-07-25 17:06:56 · 631 阅读 · 0 评论 -
React-router报错Link' is not exported from 'react-router'
问题按照官网示例通过npm安装了react-routernpm install --save react-router官网示例中使用react-router的例子中,有这样一句引用import { Router, Route, Link } from ‘react-router’按照官网示例中使用时候发现报错解决中文文档更新滞后的缘故,最新官方文档的说明https://reac...原创 2019-07-25 18:05:49 · 5040 阅读 · 0 评论