zoukankan      html  css  js  c++  java
  • React日常填坑手册(持续更新)

    1.react中自己定义的组件第一个字母一定要大写,如<app />会不显示,<App />才能正常显示。

    2.在react中点击事件里面setState时会使this重新定义,所以在点击的函数里面使用this.setState()时会报错setState not underfind,因此需要提前给点击事件的函数绑定this

    this.handleClick = this.handleClick.bind(this);
    栗子如下,同时这也是statc的实例
    import React, { Component } from 'react';
    class test extends Component {
        constructor(props) {
            super(props);
            this.state = {
                liked: false
            };
            this.handleClick = this.handleClick.bind(this);
        }
        handleClick(event) {
            this.setState({liked: !this.state.liked});
        }
        render() {
            var text = this.state.liked ? '喜欢' : '不喜欢';
            return (
                <div onClick={this.handleClick}><b>{text}</b>我。点我切换状态。
                </div>
            );
        }
    
    }
    export default test;

     3.当你开始询问关于React和AJAX的一些东西时,专家们首先就会告诉你React只是一个View层的库,它并没有网络及AJAX的相关功能。

    4.用官方推荐的create-react-app脚手架工具

    如果想要自己修改webpack之类的配置需要执行npm run eject弹出配置文件

  • 相关阅读:
    解决在linux环境安装setuptools的相关错误
    sql根据最小值去重
    linux重新安装python
    python 进阶(转自http://python.jobbole.com/82633/)
    redis做消息列队
    下载安装windows版Redis
    vue-cli 结构
    vue-cli 安装
    [python]爬虫学习(三)糗事百科
    jquery基础
  • 原文地址:https://www.cnblogs.com/xiedashuaige/p/7905201.html
Copyright © 2011-2022 走看看