import React, { useEffect, useState } from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import { Table, Button } from "antd";
function MyComponent() {
const [data, setData] = useState([]);
const [columns] = useState(genColumns());
const columns2 = genColumns();
function genColumns() {
return [
{
title: "Name",
dataIndex: "name",
key: "name"
},
{
title: "Action",
key: "action",
render: (text, record) => (
<Button
type="primary"
onClick={() => {
console.log(record, data);
}}
>
Delete
</Button>
)
}
];
}
// 100ms 获取数据
useEffect(() => {
setTimeout(() => {
setData([
{
key: "1",
name: "张三"
}
]);
}, 100);
}, []);
return (
<div>
<p>表格1---------</p>
<Table
columns={columns}
size="small"
pagination={false}
dataSource={data}
/>
<br />
<p>表格2---------</p>
<Table
columns={columns2}
size="small"
pagination={false}
dataSource={data}
/>
</div>
);
}
ReactDOM.render(<MyComponent />, document.getElementById("container"));
useState问题 多个闭包
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 成长记录-连载（三十六） ——我的第一篇五千字长文，说了什么，你一定想不到 并不是不想每天写公众号，而是之前思考怎...
- 一、闭包： 记得：闭包的特性就是：内嵌函数会保存它引用的外围函数的变量值。 闭包概念：在一个内部函数中，对外部作用...
- 使用antd的Tree组件，在onSelect中使用useState的set方法。 useState定义： con...
- useState 用 函数式的 setState 结合展开运算符 来达到合并更新对象的效果 使用 useEffec...
