从零开始学习ReactJS(三)--antd的使用 美化界面Ant Design 我们先来认识一下这个antd(点这里查看组件总览),可以说这是一个非常好用且相对完备的组件库了,我们这里需要用到的input输入框和list列表。在使用它之前我们需要先安装依赖npm install -S antd,具体如何在create-react-app中使用antd组件库,请参阅官方文档输入框 我们找到一个合适的输入框样式,查看一下它的代码,并用它替换掉我们原来的form标签及里面的内容 <Search placeholder="in
从零开始学ReactJS(二) 继续做TodoList项目接上回 我们已经实现了添加功能了,但是按下按钮还是没有反应啊,当然,因为我们还没让它显示出来,所以接下来我们要做的就是如何让它显示出来。建立列表组件 在src目录下建立一个components子文件夹,在components下建立一个TodoItems.js文件。这个文件将会接收我们的items,作为props。代码如下:import React, { Component } from "react";class TodoItems extends Compon
从零开始学ReactJS(一) 项目结构 打开我们的项目文件夹,我们能看到node_modules,public,和src三个子文件夹以及package.json和README等文件。我们现在把重心放在src这个文件夹里。
从零开始学ReactJS(零) 认识一下create-react-app 用react做开发的时候,我们通常需要做不少的配置,这是一件非常痛苦的事情,这可能对于熟悉react开发的巨佬们是件再简单不过的事了,但是对于没接触过react的同学们,那可就糟糕了,因为这很可能直接磨灭了心中对react学习的欲望。但很幸运,我们有这样的一个脚手架,帮助我们快速搭建起一个最最基本的react环境。接下来跟我一步步来做吧!第一步:安装NodeJS 在NodeJS官网 下载并安装最新版本的NodeJS第二步: 修改npm源 可以使用如下