值在react中的contextAPI中变为false

Question

我必须将值作为true或false发送到react中的另一个组件。

所以在我的A组件中，我正在写作。

<Name.Provider value={true}>
</Name.Provider>

在我的B组件中，我正在编写

<Name.Consumer>
{

value => 
<span className="badge badge-white">
{value && <Link to="user"> List of Users</Link>} 
</span>
}
</Name.Consumer>

由于我正在将true传递给B，它应该显示List of Users，但它没有显示。你能告诉我我做错了什么吗？

Answer 1

您需要将该值提供给链接，我在您的代码中看不到您在哪里提供该值，但您可以查看以下博客文章：
https://kentcdodds.com/blog/how-to-use-react-context-effectively
https://dmitripavlutin.com/react-context-and-usecontext/