react
youyudexiaowangzi
读书苦,读书累,晓来谁染霜林醉,名落孙山泪
展开
-
react安装
安装react工具:npm install -g create-react-app利用react工具新建react工程:create-react-app my-appcd my-app//npm run ejectnpm startnpm命令可以从nodejs中获取,即安装nodejs后就可以使用npm命令了配置npmnpm config set prefix ...原创 2019-02-21 21:28:35 · 110 阅读 · 0 评论 -
sublime text3 支持react语法高亮
sublime text3打开react目录,react的App.js中夹杂着html语句,导致很不友好的视觉体验像是有语法错误一样,但是ctrl+shift+p输入install想安装babel插件,却提示no package 于是只能手动安装babelhttps://github.com/babel/babel-sublime下载zip,然后解压,形成babel-s...原创 2019-02-22 10:24:18 · 3346 阅读 · 0 评论 -
react学习之组件渲染
index.js中ReactDOM.render(<App />, document.getElementById('root'));也就是使用了app.js中class App的render()返回值render中只允许存在一个顶级标签,就像vue中template中最外层只能有一个标签一样。添加响应函数:<button onClick={testClick}...原创 2019-02-25 18:40:01 · 300 阅读 · 0 评论 -
react学习之路由跳转
react的路由总体来说还是挺简单的,没用过老版本的,现在用的是react-router-dom@4.3.1安装:npm install react-router-dom引入:import { BrowserRouter as Router, Route, Link } from "react-router-dom";使用:import React, { Component } ...原创 2019-02-25 19:41:46 · 264 阅读 · 0 评论 -
react学习之通用组建
react中,组件b实现了一个小组件Custom,class Appb extends Component { constructor(props){ super(props); this.state = { val1:'walala', }; } render() { return ( <div> ...原创 2019-02-25 20:06:33 · 138 阅读 · 0 评论