海珠做网站公,深圳网站建设品牌,最好的完全免费开源企业网站,做淘宝客网站能赚到钱吗前端开发如今有一个很重要的思想就是数据驱动视图#xff0c;数据发生变化使ui发生变化#xff0c;比如一个变量count#xff0c;为0显示三个按钮#xff0c;为1显示一个按钮#xff0c;为2显示两个按钮。这就是一个简单的数据驱动视图。 import { useState } from reactf…前端开发如今有一个很重要的思想就是数据驱动视图数据发生变化使ui发生变化比如一个变量count为0显示三个按钮为1显示一个按钮为2显示两个按钮。这就是一个简单的数据驱动视图。 import { useState } from reactfunction App() {const [count, setCount] useState(0)const handleClick (){setCount(count 1)}return (divreact/divbutton onClick{handleClick}{count}/button /)
}export default App这里用到了useState方法他返回一个数组然后我们使用的方式数组解构两个参数第一个参数是值第二个参数是改变第一个参数的值并且第二个参数是一个方法。