Loading [MathJax]/extensions/AssistiveMML.js

5 年前

前端 / react

几秒读完 (大约 46 个字)

react调试工具Reactdevelopertools

1.首先具备翻墙条件

2.进入谷歌浏览器找到扩展程序

3.搜索react，第一个就是Reactdevelopertools

4.点击安装，完成

5 年前

前端 / react

1 分钟读完 (大约 196 个字)

react中prop-types的使用

什么是prop-types？prop代表父组件传递过来的值，types代表类型。简单来说就是用来校验父组件传递过来值的类型

import PropTypes from 'prop-types';
TodoItem.propTypes = {
    test: PropTypes.string.isRequired,   //加上isRequired以后，即使父组件没传递值也会抛出警告
}

5 年前

前端 / react

几秒读完 (大约 43 个字)

react中虚拟DOM

简单来说虚拟DOM就是一个js对象，相对于真实dom来做比较更节约性能，虚拟DOM执行过程如下

5 年前

前端 / react

几秒读完 (大约 48 个字)

react中ref的使用

在react中获取真实dom的时候就需要用到ref属性，具体使用如下

var MyComponent = React.createClass({
  handleClick: function() {
    console.log(this.input)
  },
  render: function() {
    return (
      <div>
        <input type="text" ref={(input) => {this.input = input}} />
        <input type="button" value="Focus the text input" onClick={this.handleClick} />
      </div>
    );
  }
});

ReactDOM.render(
  <MyComponent />,
  document.getElementById('example')
);

5 年前

前端 / react

1 分钟读完 (大约 178 个字)

react中使用charles实现本地数据mock

首先下载charles软件地址，更详细的使用方法都包含在操作文档里，包含汉化版补丁（下载后查看）

链接：https://pan.baidu.com/s/1Q5rMbcX0Wus7AwdGUWa-Wg

提取码：mkgt

蓝蜀

我就是个写代码的

杭州

文章

分类

标签

关注我

Your browser is out-of-date!

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

react调试工具Reactdevelopertools

react中prop-types的使用

react中虚拟DOM

react中ref的使用

react中使用charles实现本地数据mock

链接

分类

标签云

最新文章

归档

标签

最新文章

归档

标签

Your browser is out-of-date!