getContext 和 withContext 不工作

Question

我一直在尝试将 id 传递给具有上下文的其他组件，但是我得到了未定义的信息，我在某个地方出错了。据我了解，我们应该将上下文作为道具。有什么想法吗？

import {compose,withContext} from 'recompose'


const ComponentOne = ({id}) => {
  console.log(id) // cizlory7iji600149711su9vj
...
}

const Context = withContext(
{id:React.PropTypes.string},
(props) => ({id:props.id})
)


export default compose(Context)(ComponentOne)

SecondComponent.js

import {compose,getContext} from 'recompose'

    const ComponentTwo = ({id}) => {
      console.log(id) // undefined
     ...
    }

    const GetContext = getContext(
      {id:React.PropTypes.string}
    )


    export default compose(GetContext)(ComponentTwo)

Answer 1

上下文仅适用于从 parents 到 children，通过向下传递道具，而不是兄弟姐妹。

使 ComponentTwo 成为 ComponentOne 的 child。

getContext 和 withContext 不工作

getContext and withContext not working

reactjs

recompose