在React中组件中的样式道具

时间:2017-03-27 13:57:09

标签: reactjs

我正在使用做出表格的反应。我想为组件的一部分设置样式。在这种情况下,我想要提示风格。这是组件

<Input 
  className={this.props.className}
  ref={(input) => {this.input=input}}
  type={this.props.type}
  error={this.state.error ? this.state.errorText : ''}
  name={this.props.name}
  pattern={this.props.pattern}
  value={this.props.value}
  onBlur={this.blur}
  theme={this.theme}
  hint={this.props.hint}
  onChange={this.onChange}
  maxLength={this.props.maxLength}/>

任何人都知道在使用道具时我如何设计组件的独立部分。

1 个答案:

答案 0 :(得分:2)

没有造型的概念&#34; part&#34;一个组件。您设置 HTML元素的样式,就像输入一样。

如果要为HTML元素添加样式,可以使用以下两个示例:

<!-- using classes -->
<input className="myClassName" />

<!-- using styles -->
<input style={{backgroundColor: "red"}} />