Javascript 在React中不渲染换行div

Javascript 在React中不渲染换行div,javascript,html,css,reactjs,react-native,Javascript,Html,Css,Reactjs,React Native,我有一个render()函数,它返回一个包含内容的div,例如: return( <div style={{background: "black"}}> <[ReactComponent]> <[AnotherReactComponent]> ... </[AnotherReactComponent]> </[ReactCo

我有一个
render()
函数,它返回一个包含内容的div,例如:

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

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

也许您应该在rccomponent的呈现方法中添加类似的构造

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

你能为外部div添加flex:1吗?@Ajith我添加了,但它没有显示出来。div在DOM上呈现了吗?或者你是说你就是看不见。因为如果它在DOM中,您就有css问题。你能在dev tools的“inspect element”下截屏吗?@DuarteCastanho只是因为你看不到它。并不意味着它没有渲染。请检查dom并告诉我们它是否在那里。@DuarteCastanho好的。问题不在于你的JSX。我会尝试重新启动你的应用程序,确保你以匿名方式保存或打开。