在其内部调用React组件

渲染函数通常没有副作用;特别是,它没有在页面上实际安装组件的副作用。相反,render函数由React调用,它将信息返回给React,告诉它显示什么。如果渲染函数不是由React调用的,那么这没有任何效果,除非它的调用方决定对渲染函数返回的内容执行某些操作。

不能调用react函数本身,因为它违反了react钩子的规则

如果您想重新发送组件,请使用useState();

import "./styles.css";
import {useState} from "react" // import useState

export default function App() {
  return (
    <CallComp/>
  );
}
const CallComp = () => {
  // let title = "Not clicked yet."; this does not cause a re-render
  const [title, setTitle] = useState("Not clicked yet."); // so you need to use useState if you want to re-render
  const clickHandler = () => {
    setTitle("Clicked!")
    // CallComp(); this line breaks the rules of react hooks
  };
  return (
    <>
      <div>{title}</div>
      <button onClick={clickHandler}>Test</button>
    </>
  );
};