react-native中{...props}一定要写在前面

最新推荐文章于 2022-03-18 19:30:49 发布

原创最新推荐文章于 2022-03-18 19:30:49 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个React Native项目中样式无法正确显示的问题及解决方案。作者通过调整代码中属性的顺序解决了样式不显示的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学react-native，然后有一个地方的样式怎么也显示不出来。代码如下：

const defaultInput=props=>(
    <TextInput placeholder={props.placeholder} style={[styles.input,props.style,(!props.valid&&props.touched)?styles.invalid:null]} underlineColorAndroid="transparent" {...props}/>
);

我折腾了一天的时间，找里边的BUG，就是没有。最后，我修改了上边的代码，改完了如下：

const defaultInput=props=>(
    <TextInput underlineColorAndroid="transparent" {...props} placeholder={props.placeholder} style={[styles.input,props.style,(!props.valid&&props.touched)?styles.invalid:null]}/>
);