在React中，如何将元素作为Prop传递，并在不包装元素的情况下进行渲染？
在React中，如何将元素作为Prop传递，并在不包装元素的情况下进行渲染？
提问于 2018-01-29 01:11:59
我正在使用React 16.2。我有一个组件来呈现一个弹出窗口，它的工作原理如下：
<WindowPopOut
trigger={<Button>Open Window PopUp</Button>}
....
/>然后..。
class WindowPopOut extends Component {
...
render() {
const clonedTrigger = React.cloneElement(trigger, {
onClick: this.handleTriggerClick,
});
return (
<div>
{clonedTrigger}
...
</div>
);
}
}问题是它在DOM中的呈现方式如下：
<div><Button>Open Window PopUp</Button></div>怎样才能让WindowPopOut在没有DIV包装的情况下渲染？因此，组件只需呈现：
<Button>Open Window PopUp</Button>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-01-29 01:51:10
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48489059
复制相关文章
相似问题