react开发——TodoList

这篇博客介绍了React框架下的TodoList应用开发过程。首先讲解了开发前的准备工作,包括项目的启动和入口文件index.js的设置。接着,创建了一个新的todoList.js组件,并在index.js中引入。文章还提到了React中的jsx语法和state数据管理,通过state来定义和更新数据。
摘要由CSDN通过智能技术生成

React现在很流行的前端开发框架,这次以TodoList 开发来介绍react

一、开发前的准备

1.开发前电脑要安装好NodeJS(nodeJs 官网地址):`https://nodejs.org`
2.npm命令行安装; 安装成功后通过`node-v` 和 `npm-v`来查看是否安装成功; 
3.上面两个安装好后,运行命令行 `npm install -g create-react-app` ——安装react脚手架

二、使用react编写TodoList功能

这里写图片描述

上面就是todoList的效果组件效果图;
首先使用代码npm run start 来启动项目,它的入口文件在下图文件src目录的index.js;
这里写图片描述

新建一个todoList的js文件;
在index.js中引入import TodoList from './TodoList';

三、jsx语法


import React, {
    Component,
    Frag
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值