class AjaxInConstructor extends React.Component{

constructor() {

super();

this.state = {name: '',age: ''}

this.loadData().then(data => {

this.setState(data);

});

}

loadData() {

return new Promise((resolve,reject) => {

setTimeout(() => {

resolve({

name: '我去去去去nimabi',age: 123

});

},2000);

});

}

render() {

const {name,age} = this.state;

return

Can I init component state async?

name: {name}

age: {age}

}

}

ReactDOM.render(

,document.body

)

以上是我的演示代码.我知道人们总是把ajax放在componentDidMount或componentWillMount生命周期中.

但这种情况也有效.

在Chrome控制台中,React不会抛出任何错误和警告.那么,我的问题是这样的用法是完全正确的吗?有错误吗?

react ajax组件,javascript – 我可以将ajax放在React组件构造函数中吗?相关推荐

  1. [Ajax]异步的 JavaScript 和 XML:Ajax入门教程(整理)

    首先先来解释一下什么是 AJAX . 简单来说AJAX = 异步 JavaScript 和 XML, 是一种用于创建快速动态网页的技术. 它不是一种编程语言,而是一种规范. Ajax的主要功能是:通过 ...

  2. php ajax返回值会打印出来,ajax返回值有php字符

    jquery插件 - 表单插件 Jquery Form Plugin是jquery最重要的插件之一,它利用AJAX技术在不引起页面刷新的情况下POST表单.主要有两个方法:ajaxform和ajaxs ...

  3. ajax学什么难,ajax分析与讲解,其实ajax一点也不难,只是你把它看难了

    1.什么是 AJAX ? w3c的解释是这样写的: AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可 ...

  4. react native 包学不包会系列--认识react native

    react native 是由Facebook推出,基于JavaScript框架和React库来提高多平台开发效率的一门语言.很好地填补了跨平台开发的空缺,推出之后也是收到很多开发者的关注,目前使用的 ...

  5. js ajax通用方法,目前5个流行的AJAX调用JavaScript库

    在这篇文章中,我们将看一些用于进行AJAX调用的最好的JavaScript库,包括jQuery,Axios和Fetch. AJAX是由客户端框架和库用来对服务器进行异步HTTP调用的一组Web开发技术 ...

  6. 前端基础之Html、CSS、JavaScript、JQuery、Ajax

    前端 1.HTML XML:可扩展标记语言 XHTML:可扩展的超文本标记语言 1. HTML 概述 HTML:超文本标记语言 网页组成:文字 + 图片 + 表格 + 表单 + 链接 + 视频 + 音 ...

  7. 网页制作中最有用的免费Ajax和JavaScript代码库

    本文中,小编整理了12个免费的Ajax和JavaScript代码库,可以帮助Web开发人员将应用程序提升到一个新水平. Ajax Instant Messenger 它是最流行和常用的Ajax代码解决 ...

  8. Javascript学习笔记12——Ajax入门

    Ajax:Asynchronous Javascript And XML.写个简单的例子: <body> <form id="form1" runat=" ...

  9. 用源生的JavaScript编写一个异步的ajax库

    用源生的JavaScript写一个ajax的库,这样就不用每次都调用jQuery库了,依据ajax请求的步骤写,ajax请求有四个步骤:1.创建一个ajax对象,2.跟服务器进行连接:3.发送请求:4 ...

最新文章

  1. JAVA程序设计----数组基础
  2. php遍历视频文件,php使用glob函数遍历文件和目录详解
  3. linux c语言编程内嵌汇编,gcc编译c语言中内嵌汇编
  4. python增删改查mysql_python对数据库mysql的操作(增删改查)
  5. 编程体系结构(09):分布式系统架构
  6. C语言的内存管理(堆,栈,代码段,数据段)
  7. jquery 逗号分割截取字符串_JS/JQUERY字符串截取分割匹配等处理汇总
  8. pythoninit作用_简介Python中的__init__的作用
  9. 堪称经典,一个非常适合初学者的机器学习实战案例
  10. 提升前端线上问题发现率的方法
  11. 微信公众号测试号申请及访问(图详解)
  12. 安卓逆向-new-sec6-5 平头哥框架hook简介 | 类加载器 | 内部类
  13. 手机模型真机图片的制作——UI出图
  14. iOS 13 修改状态栏背景色
  15. 大恒相机MER-302-56U3M在Linux环境下采集图像
  16. Wise Duplicate Finder(重复文件查找工具)v1.2.9.40中文免费版
  17. 2020第十一届蓝桥杯国赛JAVA B组真题解析(带源码及解析)
  18. C# vb .net实现gamma伽玛调整特效滤镜
  19. 无线耳机全国产化电子元件推荐方案
  20. svm对未知数据的分类_SVM对sklearn自带手写数字数据集进行分类

热门文章

  1. MySQL5中文乱码解决5
  2. Linux App Summit(LAS)社区 KDE Gnome
  3. 重庆理工大学图像处理实验三:图像分割
  4. 华为p50出厂自带鸿蒙,真的假的?华为P50系列出厂就预装鸿蒙
  5. mysql如何保证数据不丢失_23 | MySQL是怎么保证数据不丢的?
  6. 2018 n1ctf easy_hard_php 攻击流程图
  7. Web App:赌的就是互联网未来并 非无可挑剔
  8. 一个基于DataTable的后台框架的实现
  9. jsp需要多少java基础_Java Web基础面试题你知道多少?
  10. 指针变量本质(四十三)