修改阿波罗反应函数以使用参数

Question

我目前正在 React 中使用这个函数：function GQLFunc() {  const { loading, error, data } = useQuery(GQLTAGS);  if (loading) return <p>Loading...</p>;  if (error) return <p>Error :(</p>;  if (data) return <WrappedApp data={data.tag} />;}我想用一个参数使这个函数可重用，所以尝试了：function GQLFunc(callingApp) {  const { loading, error, data } = useQuery(GQLTAGS);  if (loading) return <p>Loading...</p>;  if (error) return <p>Error :(</p>;  if (data) return <callingApp data={data.tag} />;}然后在这里调用它：<GQLFunc callingApp={WrappedApp} />我在这里做错了什么？我还想添加一个参数data = data.tag

Answer 1

您需要使用呈现的组件的大写名称，例如：

function GQLFunc(props) {

  const { loading, error, data } = useQuery(GQLTAGS);

  if (loading) return <p>Loading...</p>;

  if (error) return <p>Error :(</p>;

  let CallingApp = props.callingApp;

  if (data) return <CallingApp data={data.tag} />;

}