小编Lin*_*son的帖子

为TextInput组件对齐占位符文本的最佳原因是什么.我已经尝试使用如下所述的样式组件.这似乎没有和属性.

render() {
    return (
        <View style={styles.container}>
             <TextInput
                style={styles.textInput}
                onChangeText={(text) => this.setState({
                    username: text
                })}
                placeholder='Add Username'
             />
      </View>
    );
}

}

const styles = StyleSheet.create({
 container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
 },
 textInput: {
    height: 40,
    width: 200,
    justifyContent: 'center',
    alignItems: 'center',
    alignSelf: 'center',
    borderColor: 'gray',
    borderWidth: 1,
 }

});

是否可以在material-ui中设置所有Field内部样式Grid？我已经知道如何在CSS中执行此操作，但是我找不到在JS中执行此操作的方法，但是无法正常工作：

const styles = {
  shopForm: {
    textAlign: 'center',
    Field: {
      width: '60%'
    }
  }
}

我应该如何改变styles？这种样式在jss中可能吗？在CSS中用于执行此操作：

.shopForm Field
{...}

我正在使用material-ui

<Grid item lg={4} className={classes.shopForm}>
    <Field
        name="name"
        type="text"
        label="name"
        component={TextField}
    />
    <Field
        name="plaque"
        type="text"
        label="plaque"
        component={TextField}
    />
    <Field
        name="unit"
        type="text"
        label="unit"
        component={TextField}
    />
    <Field
        name="text"
        type="text"
        label="text"
        component={TextField}
        multiline
        row={3}
    />
</Grid>

我四处搜索，阅读了一些东西后，当我在反应中使用recompose branchoverif-else语句时，我仍然没有得到，或者为什么要使用它？任何人都可以提到一个好的来源或解释它吗？谢谢