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

最近在学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 ] } />

);



然后，样式完美地显示出来了。所以，以后，大家注意，诸如{...props}这一类的东西一定要写在前面。