const App = ({todos, actions}) => ( <div>
<Header addTodo={actions.addTodo} aaa/>
<MainSection todos={todos} actions={actions} />
</div>)这是父组件,里面有个Header是自定义组件,其中有个自定义属性是aaa.这个aaa是我随手写的,也未在其他地方声明过。然后我在Header里面,console.log出aaa,为啥是个true?export default class Header extends Component {
static propTypes = {
addTodo: PropTypes.func.isRequired
}
render() {
console.log(this.props)//值为Object {aaa: true}
return (
<header className="header">
<h1>todos</h1>
<TodoTextInput newTodo
placeholder="What needs to be done?" />
</header>
)
}
}
1 回答

饮歌长啸
TA贡献1951条经验 获得超3个赞
在html5
中,布尔属性可以缩写,你的写法相当于
<Header addTodo={actions.addTodo} aaa={true}/>
类似在表单中
// 普通写法<input type="checkbox" checked="checked">// html5写法<input type="checkbox" checked>
添加回答
举报
0/150
提交
取消