javascript - 为什么React props 的默认值会是 true ？

Question

const App = ({todos, actions}) => (
  <p>
    <Header addTodo={actions.addTodo} aaa/>
    <MainSection todos={todos} actions={actions} />
  </p>
)

这是父组件，里面有个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>
    )
  }
}

Answer 1

在html5中，布尔属性可以缩写，你的写法相当于

<Header addTodo={actions.addTodo} aaa={true}/>

类似在表单中

// 普通写法
<input type="checkbox" checked="checked">

// html5写法
<input type="checkbox" checked>

Answer 2

打印出来没有addTodo属性吗