前端 / react
几秒 读完 (大约 66 个字)

创建react开发环境

准备工作

1.下载node.js http://nodejs.cn/download/ 推荐下载长期支持的版本

2.下载cnpm https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html

开始生成项目环境

1.运行 cnpm install -g create-react-app

2.create-react-app todolist（文件名）

3.cd todolist（进入项目文件）

4.npm run start（启动项目）

前端 / react
几秒 读完 (大约 78 个字)

react中Fragment组件

什么是Fragment？在我们定义组件的时候return里最外层包裹的div往往不想渲染到页面，那么就要用到我们的Fragment组件了，具体使用如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import React, { Component, Fragment } from 'react';
class TodoList extends Component {
    render(){
        return(
         <Fragment>
            <div><input /><button>提交</button></div>
            <ul>
                <li>学习react<li/>
                <li>Learning React</li>
            </ul>
         <Fragment/>
        )
    }
}
export default TodoList
前端 / react
1 分钟 读完 (大约 204 个字)

react中state与setstate的使用

我们可以利用state来定义一些变量的初始值

1
2
3
4
//放在construcor里
this.state = {
    list: [1, 2, 3]
}
阅读更多
前端 / react
几秒 读完 (大约 45 个字)

react将HTML字符串解析为HTML标签

当后台返回的数据是字符串html的话，我们可以利用dangerouslySetInnerHTML属性来把字符串转换成html标签

1
2
3
4
function showhtml(htmlString){
    var html = {__html:htmlString};
    return   <div dangerouslySetInnerHTML={html}></div> ;
}
前端 / react
几秒 读完 (大约 54 个字)

react中label标签的作用

当我们点击输入内容触发input焦点的时候，就需要使用到label标签里的htmlFor属性来扩大点击的区域

阅读更多
关注我

链接

分类

标签云

javascript react typeScript vue 微信小程序

最新文章

归档

标签

javascript 14
react 21
typeScript 3
vue 19
微信小程序 3

最新文章

归档

标签

javascript 14
react 21
typeScript 3
vue 19
微信小程序 3
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×