问题标签 [react-spring]

我正在尝试为进出卡制作动画。如果有选定的值，则会出现卡片。如果所选项目未定义，则卡片将消失。我得到了这个工作。

我尝试做的下一件事是，如果选择更改（一个新项目） - 制作一张卡片并在一张新卡片中制作动画。我对如何进行这项工作感到困惑......这是我尝试过的那种工作。

显然我不明白这应该怎么做。我想知道是否需要将其分成两张卡并运行 useChain。

我是 React 的新手，试图整合一些动画。我正在使用 Gatsby.js 框架。

菜单状态通过 useState 钩子在“布局”组件中进行管理。

基本上，我只想在菜单弹出时淡出 h1，因为由于菜单的透明度，它看起来不太好。

感谢你的帮助。

我最近在使用它，它工作得非常好，但是当我必须在孩子身上react-spring应用时我遇到了一些问题。onClick

这是我的主要结构：

当然，一个onClickon theanim.button可以很好地工作，但这不是我正在尝试的。

这是我的<Bar />组件：

我也尝试使用 the<anim.div>而不是 an<anim.button>但这给了我相同的结果。

现在这里的问题是它似乎在我的组件react-spring上放置了一个层。<Bar />有没有办法onClick在我的组件中使用而不是使用到的那个anim.button？

我有我的组件和故事书故事文件，它没有错误地呈现，但它不可拖动。我的研究基于react-use-gesture Github中的这个示例。我注意到，如果我使用 create-react-app 开始一个新项目并将此代码粘贴到那里，它可以正常工作，但是使用故事书它就不起作用。我还注意到，在我的代码中，元素看起来而不是（来自有效示例的代码），我一直在研究，但找不到解决方案，所以我来寻求这个很棒的社区的帮助。<div style="x: 0px; y: 0px;"></div><div style="transform: none;"></div>

目标：在反应故事书中有一个可拖动的卡片组件故事，使用react-spring和react-use-gesture。

预期结果：能够拖动组件。

实际结果：组件不可拖动

错误信息：无。

组件代码：

故事代码：

您可以检查我的github 存储库并运行npm install，如果您只想检查代码，npm run storybook 这里是包含上述代码的文件夹^。

我有一个反应应用程序。我将 React Spring 用于整体动画。我无法为两件事制作动画 - 我正在试验的动画是一个简单的不透明动画。

1) 是条件元素。请参考下面的代码 -

问题是 react-spring 的 animated.div 动画不一样。什么是正确的方法？有没有办法在没有反应弹簧的情况下制作相同的动画？

2）我有一个基于标志的条件引导类名。我想制作相同的动画

同样，问题在于它不是动画。什么是正确的方法？

我有一个可以单击以显示内容的项目列表。我需要动画内容的展开和折叠，我目前正在探索 React Spring 的 Transition 组件。

当单击列表中的一个项目时，从 db 中获取内容然后存储在组件状态中，所有项目仅使用一个属性（例如 listContent），因此当单击另一个项目时 listContent 的值会发生变化。

列表扩展时的动画效果很好，但我的问题是退出动画，内容只是消失（如果单击展开的项目以折叠）或更新为新状态（如果单击另一个项目）。我不能分享实际的代码，但 我在这里做了一个类似的

这是我第一次在这里问，我希望我的问题足够清楚。如果需要任何其他信息，请告诉我。蒂亚！

我正在尝试将react-spring（https://www.react-spring.io/docs/hooks/basics）实施到我的 Clojurescript proct 中，我正在努力将其翻译为clojurescript

到目前为止，这就是我所做的：我需要以下内容：

在 let 块中我有这样的东西：

变量props返回：

这就是我渲染动画对象的方式

这是我得到的错误

我究竟做错了什么？我错过了什么？

以下来自官方示例的简单组件：

问题

如何fadeIn再次为 -effect（或任何其他动画）设置动画，例如当我单击按钮或解决承诺时？

每当我将translate()CSS 函数添加到元素将离开视口的react-spring useTransition钩子from或leave属性时，我都会得到一个垂直/水平滚动条。

我知道这是意料之中的，一般的解决方案是添加overflow: hidden到body.

但是我不确定在动画发生时如何执行此操作？因为我不想一直添加overflow: hidden，body因为我确实需要访问某些页面中的滚动条，而不是在动画启动时？

这是一个CodeSandbox供您自己尝试

任何帮助将不胜感激。

我使用 React-Spring，我想在窗口大小发生变化时更改某些组件的偏移量。这是我尝试过的，但不起作用，我总是必须刷新浏览器。

我应该使用功能渲染吗？或其他解决方案