javascript - reactjs createElement中的意外行为

Question

const element = (
  <div className="container">
    {React.createElement(message,{children: "Hello World", banana:12, key: "A"})}
    {React.createElement(message, {children: "Goodbye", banana:123, key: "b"})}
  </div>
)
  function message(obj) {
    console.log(obj)
     return <div className="message" >{obj.children}</div> 
  }

为什么键和它的值没有被传递？其他任何东西都可以。我认为关键字“key”有一些东西，但不确定是什么。

在这种情况下，控制台输出是 {children: "Hello World",banana:12} 和 {children: "Good bye",banana:12} 这是 codeSandbox repo https://codesandbox.io/s/priceless-mestorf -8nf1v

我已阅读https://reactjs.org/docs/react-api.html#createelement 和https://reactjs.org/docs/react-without-jsx.html但没有找到任何相关信息。

标签： javascriptreactjs