" react"标签下的所有文章

跟我一起学习React(二):props

2017/03/23ReactJS 标签:0

react中的props传递,如何从父组件传到子组件,从而改变子组件的相关内容和显示信息。继续从我们第一节课开始进行对props的相关设置。
为了演示props的使用方法,这里我们先在index.js添加一段模拟json数据。代码如下:

//定义相关data数据
const contents = [
  {
    'ititle':'标题1',
    'icontent':'这里是标题1的内容'
  },
  {
    'ititle':'标题2',
    'icontent':'这里是标题2的内容'
  }
]

这段代码就是定义一个常量名为contens,他的内容就是一个json字符串。有了数据,那么我们想要将这段数据传递到其他组件去,那就很简单了,对就是使用props进行传递。
1、index.js代码(代码内有详细注释,我就不再做描述了) 阅读更多

跟我一起学习React(一)

2017/03/23ReactJS 标签:0

React如今已经非常流行了,不论你去哪里进行面试web前端开发,面试官都会问你会不会react、vue、angularjs之类的。搞得好像作为一个前端开发者,必会的东西就是jQuery、react、vue、angularjs、CSS3、HTML5、nodejs等等技术。工作的需要,自己没有办法不去努力学习。因此,下面我们就一起来学习下react吧,如果你还不知道如何在nodejs下配置react开发环境,那么请看我这篇文章《ReactJS环境搭建
本系列课程都是使用ES6进行开发,因此你需要了解相应的ES6基本知识

一、安装React Developer Tools

建议大家都使用chrome浏览器进行安装,下载地址:https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi,如果打不开的童鞋,请自行翻墙(更改hosts,或者使用goproxy)。

React Developer Tools

React Developer Tools

二、创建一个react组件

阅读更多

ReactJS环境搭建

2017/03/22ReactJS 标签:0

在学习ReactJS过程中,由于自己对nodejs了解的不多,因此我打算就直接使用yeoman来实现react的开发环境的搭建了。搭建方法如下:
当然首先你必须安装了nodejs
1、直接输入命令安装

npm install -g yo
npm install -g generator-react-webpack

注意:generator-react-webpack,在yeoman官方的名称是不带“generator-”前缀的,因此,你想要安装官方的任何相关环境,必须在前面加上这个前缀。
这里我只需要react-webpack即可 阅读更多

1

share

AD