将 Props 传递给 children，children 不是函数

Question

Test.jsx

function Parent({ children }) {
    return <div>{children("Test")}</div>
}

function Test() {
    return (
      <Parent>
        { test => <div>{test}></div> }
      </Parent>
    )
}

得到一个错误，说children is not a function，但我在互联网上看到其他例子说这有效。有谁知道为什么？在 Preact X 上。

Answer 1

你试过这个吗？

function Test() {
    return (
      <Parent children={test => <div>{test}></div>}/>
    )
}