时间戳

首页 > 解决方案 > 如何通过道具将html模板传递给反应组件？

html - 如何通过道具将html模板传递给反应组件？

问题描述

我有一个弹出窗口反应组件。我想通过道具将模板传递给组件。

这是我的弹出窗口的示例

popup = (
   <div>
     <Popup text='This is a popup'
            popupEl={ popupEl }
     />
   </div>
);

如果 popupElements 值本身是一个按钮，或者是一个复选框列表，则弹出组件工作。但我想传入整个模板。不幸的是，当我尝试这样做时，popupElements 道具被视为未定义。

这是我要传入的模板的一个非常基本的示例。这里有什么我遗漏的吗？

popupEl = (
   <div>
      <div>
        <h1> hi </h1>
      </div>
      <div>
        <button>CLOSE</button>
      </div>
   </div>
);

标签： htmlreactjs

解决方案

popupEl 应该是一个返回 JSX 的函数，

popupEl = () =>
   <div>
      <div>
        <h1> hi </h1>
      </div>
      <div>
        <button>CLOSE</button>
      </div>
   </div>
);

推荐阅读