Recent Posts

创建一个待办清单的REACT组件

import React from 'react' import {useState} from 'react'; const ToDoList = () => { const [toDo,setToDo] = useState([]); const [inputValue,setInputValue] = useState(''); const handleChange = (e) => { setInputValue(e.target.value); } const handleSubmit...

Read More »

用React jsx创建一个时钟

下面我来教你如何使用 React.js 创建一个动态更新的时钟组件,并逐行解释代码原理。这个时钟会每秒自动更新,效果类似电子表。 完整代码 jsx 复制 import { useState, useEffect } from 'react'; function LiveClock() { // 1. 创建状态保存当前时间 const [time, setTime] = useState(new Date()); ...

Read More »

JSX代码讲解

这段React代码主要实现了一个电影列表的展示和修改功能,下面分三部分详细解释: 状态初始化部分 jsx 复制 const [movies, setMovies] = useState([ {id:1, title: 'spider man', ratings:3}, {id:3, title: 'King Lion', ratings:9}, {id:5, title: 'Super Man', ratings:2}, {id:7, title: 'sp...

Read More »