donghaimomo的博客

4、写循环（把每条数据传给Todos进行展示）3、把list当作一个属性传给Todos列表。2、为input添加了一个save方法。1、监听键盘（回车）事件。5、取出每条数据进行展示。

cd vite-project - （进入项目，vite-project是我的项目名，输入cd后点tab键补全）（4）按着ctrl键+鼠标左键单击，此页面就是项目运行后出现的界面（项目中有默认的内容，后续可以删除）（3）使用启动命令：npm run dev，回车后出现一个http地址。（1）终端输入命令：npm init vite@latest，回车。（3）听过键盘上下间 选择React，回车。（1）首先需要进入项目文件夹，并安装依赖。（2）此处是创建项目的名字，回车。

useEffect 接收两个参数。参数一：是一个回调函数；参数二：是一个依赖数组；当依赖数组中的数据发生改变之后回调函数会重新执行useEffect 对应的生命周期钩子函数如下：1、第二个参数为空数组的时候，回调函数只有在组件初始化的时候执行2、第二个参数不存在的时候，回调函数会在每一次数组更新的时候都会执行3、参数二中的数组存在数据的时候，那么回调函数会在数组中的任何一个数据改变之后执行4、参数一的回调函数可以返回一个 function，这个返回的 function 在组件

1、点击按钮（或者在钩子函数中控制）‘打开广告’显示广告遮罩层。4、使用按钮控制倒计时（后续可在钩子函数中控制）2、点击‘X’ 关闭遮罩层。3、设置计时器，自动关闭。

使用三元表达式判断display的值，或者使用三元判断是否创建元素。

react、前端、JavaScript、前端框架、循环、循环列表、创建项目、新建项目、npm run dev、list、运行、删除默认代码、rfce

注意：如果Cartoon方法的name和animation报错：'name' is missing in props validation eslint(react/prop-types)在List组件中写一个Cartoon组件,接收一个对象{ name, animation }，再List组件中调用Cartoon组件，并传入两个值name,animation。在Cartoon方法的上面添加 // eslint-disable-next-line react/prop-types。

使用useState存数据使用useEffect监听页码page，页码改变重新获取数据点击按钮加载更多使page+1