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

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) {&nbsp; const { loading, error, data } = useQuery(GQLTAGS);&nbsp; if (loading) return <p>Loading...</p>;&nbsp; if (error) return <p>Error :(</p>;&nbsp; let CallingApp = props.callingApp;&nbsp; if (data) return <CallingApp data={data.tag} />;}