[英]Passing props to another component in React.js
I have a component like below我有一个像下面这样的组件
import React, { Component } from 'react';
class InputText extends Component {
render = () => {
return (
<div>
{this.props.label}
<input type="text" name={this.props.name} id={this.props.id} class={this.props.class} required={this.props.extraValue}/>
</div>
)
}
}
export default InputText
I am using above component like below我正在使用上面的组件,如下所示
<InputText name="paper" class="pen" id="mouse" extraValue="required"/>
I am getting output like below我得到如下输出
<input type="text" name="paper" id="mouse" class="pen" required="">
Why the extraValue
value is not working ?为什么
extraValue
值不起作用?
required
is a Boolean
. required
是一个Boolean
。 You should pass it like this你应该像这样通过它
<InputText name="paper" class="pen" id="mouse" extraValue={true} />
Or或者
<InputText name="paper" class="pen" id="mouse" extraValue />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.