问题标签 [react-toggle]

是否可以将react-toggle与 Redux 表单一起使用？

react-toggle 像这样呈现一个切换：

给定一个像这样的 redux-form Field 组件：

react-toggle 如何更新 redux-form 字段的值？

我在这里面临一个非常奇怪的问题。我正在使用 react-toggle 依赖项来返回某些输入的真/假值。

基本上我正在做的是使用 react-toggle 输入的回调函数来更新我的反应状态的值。由于某种原因，它只会更新已更改的最后一个输入，而其他输入将变为 false。

这是我的代码的外观：

随机组件.js

ToggleComponent.js

我正在尝试在编译的 Gatsby 版本上使用react-togglewith 。react-cookie

对于那些不知道的人，Gatsby 将 ReactJS 编译成一个静态输出（基本上是纯 HTML 并在客户端做出反应。

我基本上想使用 React-toggle 根据 cookie 值在选中/未选中之间切换。

这里的挑战是，因为代码编译为静态输出，它似乎在服务器端/编译之前运行，所以 defaultChecked 需要从它自己的函数中访问。我们不想直接访问 cookie，反正它是未定义的。

即使 cookie 发生变化，defaultChecked 始终相同，这就是问题所在。（总是错误的）。

我有一个之前用 Jquery 完成的切换示例。现在我想用反应来做，但我不知道怎么做。

我将我的 Jquery 代码和 React 设计代码放在下面。

反应设计代码

Sidebar.js

`

`

在这里，我通过隐藏和显示我的 div 来进行切换。

Jquery 侧边栏切换代码

脚本.js

`

`

你能给我一些关于如何用 React 做的信息吗？

我正在研究喜欢和不喜欢比率按钮，例如 youtube Concept（唯一投票），我想单击该按钮并将喜欢的值增加 1，将不喜欢的值减少 -1。但是当我点击我的按钮时，增量或减量会继续。

我将与您分享我的代码：

此组件的父元素：

这是数据：

我正在尝试创建一个工作平台，我们可以在其中注册/登录为“招聘人员”或“候选人”。我面临的复杂情况是我为招聘人员和候选人创建了一个表格。现在我正在尝试在这些组件之间切换。我已经走到这一步了

组件在它们自己的上下文中。但我什至无法想出如何在不破坏样式的情况下处理或切换组件的想法，它需要的方式是当一个实例打开时，关闭另一个难题/表单。

我正在分享我使用 useToggle react rooks得到的输出 关于如何使用任何其他钩子或 useToggle 钩子本身来实现它的任何想法，或者请让我知道我做错了什么。

https://www.loom.com/share/d2251bc3b9594782aa0a17aae92c997e {这是我得到的结果}

我是反应原生的新手。我想要一个带有 2 个文本块的切换按钮。如何通过本机反应来实现这一点？分别单击买入和卖出文本时，切换器应具有动画效果。

以下是设计的图像参考。