小编Suj*_*bhu的帖子

使用 Tailwind CSS 反应过渡组

<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>,但是如果类在生命周期(onEnteronEntered)上更新,它将抛出too many re-renders错误。

css css-transitions reactjs react-transition-group tailwind-css

5
推荐指数
1
解决办法
5254
查看次数

zsh:未找到命令:Mac OS 上的 netlify

我正在尝试将基本的react-app部署到netlify。我运行这些命令来安装和部署应用程序

  • npm install netlify-cli -g
  • netlify deploy

它抛出: zsh: command not found: netlify错误。

我正在 mac 操作系统上工作。是什么导致了这个问题?

macos reactjs netlify create-react-app

4
推荐指数
1
解决办法
3742
查看次数