因此，我想向附加到组件的任何子级添加某些样式.假设父组件被称为Section，子组件在本例中被称为Card.在Section.js年，我试着这样做:-
renderChildren = () =>{
return React.Children.map(this.props.children, (child, i)=>{
let el = React.cloneElement(child,{
style: {opacity:0.5}
})
return el
})
}
render(){
<ScrollView>
{this.renderChildren()}
</ScrollView>
}
上述方法对我不适用.我想知道为什么.还有没有一种方法可以让我在子元素们之间绘制 map ，并将他们包装在一个新的组件中？像这样的；
this.props.children.map(Child => <Wrapper> <Child/> </Wrapper> )
要将子元素包装到包装器中，只需在包装器组件中调用React.Children.map即可:
const OpaqueWrapper = ({ children }) => (
// check that children is defined
// if you do not want your wrapper to be rendered empty
children && (
<Wrapper>
{React.Children.map(children, child => (
React.cloneElement(child, {style: {...child.props.style, opacity: 0.5}})
))}
</Wrapper>
)
);
还请注意，必须将提供给原始子级的样式与注入的样式合并，否则将完全失go 为子级设置样式的能力.
至于为什么它在你的代码中不起作用:你确定你的<Card>组件正确地处理了styleprops ，也就是说，将它应用于它的子组件吗？
EDIT:
Slootion将所有子组件包装在一个包装器中，但我
只需将包装器移动到React.Children.map:
const OpaqueWrapper = ({ children }) => (
React.Children.map(children, child => (
<Wrapper>
{React.cloneElement(child, {style: {...child.props.style, opacity: 0.5}})}
</Wrapper>
)))
);