纯洁的明依

学习视频地址 https://www.imooc.com/learn/1045 1 使用create-react-app 快速构建React开发环境 $ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start 第一个组件： import ...

1 定义变量：const 2 花括号的使用：{} 3 语法糖的体现 4 数组的遍历 import React from 'react' class Welcome extends React.Component { render() { // const todoList=['learn React','learn Redux'] // cons...

目标：写一个留言输入框 表单 获取输入框的值 一、新建CommentBox.js import React from 'react' class CommentBox extends React.Component{ constructor(props){ super(props); // this.state={ // ...

1、评论列表CommentList.js 重点掌握遍历循环数组的方式 ​ import React from 'react' const CommentList=({ comments }) => { return ( <div className="comment-list-component"> <labe...

实现主题切换 一、定义2中不同主题 const themes = { light: { classnames: 'btn btn-primary', bgColor: 'red', color: '#000' }, dark: { classnames: 'btn btn-light', ...

一：index.js 里直接引入css。 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; // import Welcome from './Welcome'; import * as serviceWorker from '....

实现一个点赞按钮。点击数字增加 一：建立LikeButton.js import React from 'react' class LikeButton extends React.Component{ constructor(props){ super(props) this.state={ likes:0 ...

一、图示 二、编写电子时钟 1 新建DigitalClock.js import React from 'react' /** * */ class DigitalClock extends React.Component{ constructor(props){ super(props) this.state={ ...