reactjs - 如何通过上下文 Api react 传递状态？

Question

首先，我创建了一个 .js 文件并创建了上下文。
在 app.js 中

export default function App({ navigation }) {
    const [ItemURL,setItemURL] = useState('URL')

    return (
        <ItemContext.Provider value={ItemURL}>
            ...
        </ItemContext.Provider>
    )
}

现在我想通过我的 setItemURL到我的子组件
所以我尝试了。

export default const ItemsComponent = (props) => {
    const [URL, setURL] = useContext(ItemContext)
    return(
       <TouchableWithoutFeedback
                onPress={() => {
                    setURL(props.Json.Image)
                }}
            />
    )
}

但它不起作用并说 setURL is not a function(in setURL(props.Json.Image)) ,setURL is 'R'

Answer 1

您实际上应该通过 setURL也在上下文值中起作用。

export default function App({ navigation }) {
  const [ItemURL, setItemURL] = useState('URL');

  const value = [ItemURL, setItemURL];

  return (
    <ItemContext.Provider value={value}>
      ...
    </ItemContext.Provider>
  )
}