嵌套组件的useState响应

使用
{RenderBtn()}
与

的方式调用
在组件内部使用外部组件的useState，两种方式都可以根据状态变更响应

import React, { useState } from "react";
import { Button, Divider } from "antd";
const Menu = () => {
  const [text, setText] = useState("11");
  const RenderBtn = () => {
    return <Button>{text}</Button>;
  };
  return (
    <div>
      {RenderBtn()}
      <RenderBtn />
      <Divider />
      <Button
        onClick={() => {
          setText("hello" + Date.now());
        }}
      >
        修改btn文字
      </Button>
    </div>
  );
};
export default Menu;