将 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，但我在 Internet 上看到其他示例说这可行。有人知道为什么吗？在 Preact X.

Answer 1

你试过这个吗？

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

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

Passing Props to children, children is not a function

reactjs

preact