纯洁的明依

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

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

目标：写一个留言输入框 表单 获取输入框的值一、新建CommentBox.jsimport 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.jsimport React from 'react'class LikeButton extends React.Component{ constructor(props){ super(props) this.state={ likes:0 ...

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