<TransitionGroup>我正在尝试使用附带<CSSTransition的来实现轮播react-transition-group。我正在使用CSS框架Tailwind CSS。但是,在使用 时<CSSTransition />,我们必须导入 css。
组件.js
<TransitionGroup>
{itemArray.map((item, idx) => (
<CSSTransition
timeout={350}
classNames={direction}
key={Math.random() + idx}>
<div className="relative mt-8 max-w-full inline-flex">
{item?.item}
</div>
</CSSTransition>
))}
</TransitionGroup>
Run Code Online (Sandbox Code Playgroud)
样式.css
.right-enter{ /* style */ }
.left-enter { /* style */ }
Run Code Online (Sandbox Code Playgroud)
有没有什么方法react-transition-group可以使用 Tailwind CSS 处理过渡而不需要导入 css。
我尝试使用 来实现相同的<Transition>,但是如果类在生命周期(onEnter,onEntered)上更新,它将抛出too many re-renders错误。
css css-transitions reactjs react-transition-group tailwind-css
我正在尝试将基本的react-app部署到netlify。我运行这些命令来安装和部署应用程序
npm install netlify-cli -gnetlify deploy它抛出:
zsh: command not found: netlify错误。
我正在 mac 操作系统上工作。是什么导致了这个问题?