包装 div 不在 React 中渲染答案

【问题标题】：Wrap div not rendering in React包装 div 不在 React 中渲染
【发布时间】：2019-11-25 10:05:46
【问题描述】：

我有一个render() 函数，它返回一个div，里面有内容，例如：

return(
    <div style={{background: "black"}}>
        <[ReactComponent]>
            <[AnotherReactComponent]>
                ...
            </[AnotherReactComponent]>
        </[ReactComponent]>
    </div>
);

当我检查元素时，外部 div 不会呈现，但 ReactComponent 会。

【问题讨论】：

可以为外部 div 添加 flex:1 吗？
@Ajith 我添加了，它也没有显示出来。
div 渲染在 DOM 上吗？或者你说你只是看不到它。因为如果它在 DOM 中，您就会遇到 css 问题。您能否截取您在开发工具的“检查元素”下看到的内容？
@DuarteCastanho 只是因为你看不到它。并不意味着它没有渲染。 zapier.com/blog/inspect-element-tutorial 请检查 dom 并告诉我们它是否在那里。
@DuarteCastanho 好的。那么问题不在于你的 JSX。我会尝试重新启动您的应用，确保您已保存或以隐身模式打开。

标签： javascript html css reactjs react-native

【解决方案1】：

也许你应该在 RComponent 的 render 方法中添加一些这样的结构

<View>{props.children}</View>

【讨论】：