import { Button } from "antd";
import { useState } from "react";
function Counter(props) {
const [count, setCount] = useState(()=>{
return props.count
});
return (
<button
onClick={() => {
setCount(count+1);
}}
>
{count}
</button>
);
}
function App() {
return (
<>
<Counter count={10}></Counter>
<Counter count={20}></Counter>
</>
);
}
export default App;
react usestate 初始值是经过计算的
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 最近遇到了一个场景,父组件传值给子组件,子组件作为useState的初始值,发现初始值并没有复制给到子组件的sta...
- 项目中有个组件需要查数据,根据数据来生成chart,同时由于其他几个模块会共用同一个数据源,为了不多次查询相同的数...
- 在开发中,如果希望在创建对象的同时,就设置对象的属性,可以对init方法进行改造 把希望设置的属性值,定义成 _ ...
- 起源 关于《阿里Java开发手册》之前有粗略的看过,作为一个刚出道的菜鸡,还以为仅仅是对于基于代码观赏性而来对...
- 问题 最近有一个需求,客户在修改Customer的用户组时,需要有一定的筛选条件。先看一下OOTB修改Custom...