27
4
I'm building a web app using nextjs 13 with the app directory. I want the pages to have cool page transitions and items smoothly appearing as you scroll and so forth using mostly gsap animation.
我正在使用带有app目录的nextjs 13构建一个Web应用程序。我希望页面有很酷的页面过渡和项目平滑地出现，因为你滚动等主要使用gsap动画。
My question is, can I use server components for all the components and then just sprinkle that animation stuff on top somehow (using refs or something, I don't know) or would this require me to use the 'use client' directive for all components that will have this type of animation?
我的问题是，我可以为所有组件使用服务器组件，然后以某种方式将动画内容洒在上面(使用Ref或其他什么，我不知道)，或者这是否要求我对所有将具有这种类型动画的组件使用‘Use Client’指令？
My big issue is thinking in a PHP way where you'd use JavaScript on the client to do things like getElementById() and add interactivity that way.
我最大的问题是以一种PHP的方式思考，您将在客户机上使用JavaScript来做像getElementById()这样的事情，并以这种方式添加交互性。
I want to understand how to use server components in this way where you'd want the component data on the server but also have that component have some interactive animation. Any pointers in the right direction would be massively helpful here. thanks.
我想了解如何以这种方式使用服务器组件，在这种情况下，您需要服务器上的组件数据，同时该组件还具有一些交互动画。在这里，任何正确方向的指示都会有很大帮助。谢谢。
Hello. I am currently on the same task. I found this video, maybe this will help you. youtube.com/watch?app=desktop&v=ugCN_gynFYw Animations usually applied on the client side. You can load the server component, but you need CSS and other client-side libs to animate transitions. Also, please read the "formatting your questions" guide, because it's inconvenient to read your question. No paragraphs, no code formatting.
你好。我目前也在做同样的工作。我找到了这段视频，也许这会对你有所帮助。Youtube.com/watch？app=Desktop&v=ugCN_gynFYw动画通常应用于客户端。您可以加载服务器组件，但您需要使用css和其他客户端库来为转换设置动画。另外，请阅读“格式化您的问题”指南，因为它不方便阅读您的问题。没有段落，没有代码格式。
Thanks, Victor, and sorry for the poorly formatted question. I'll run through the YouTube video and hopefully get clarification on some things.
谢谢你，维克多，对不起，格式不好的问题。我会浏览一下YouTube视频，希望能澄清一些事情。
yeah, now the question is much better
是啊，现在问题好多了
👍awesome, thanks again!
👍太棒了，再次感谢！
27
4
0
我错过了什么，我已完成 的安装指南中要求的所有步骤 native 脚本 运行 tns doctor 给我以下输出... C:\abc\xyz>tns doctor √ Getting environm
尝试从 {addToCart(book)}}/>}> 传递数据至}> 问题: 购物车 ( render={()=> ) 收到 null，但没有收到我尝试发送的对象 已放置“console.log...
这是 _app.tsx 的外观: function MyApp({ Component, pageProps }: AppProps) { return } 我在构建项目时遇到了这个错误: Ty
我的 Laravel Vue 组件收到以下警告: [Vue warn]: Avoid mutating a prop directly since the value will be overwrit
根据这个example更详细this one我刚刚遇到了一件奇怪的事情...... 如果我使用方法作为 addTab(title,icon,component) 并且下一步想使用 setTabComp
目前我有一个捕获登录数据的表单，一个带有 TIWDBGrid 的表单，它应该返回与我从我的 mysql 数据库登录时创建的 user_id 关联的任何主机，以及一个共享数据模块。 下面是我的登录页面代
在我的react-native应用程序中，我目前有一个本地Android View (用java编写)正确渲染。当我尝试将我的react-native javascript 组件之一放入其中时，出现以
我为作业编写了简单的代码。我引用了文档和几个 youtube 视频教程系列。我的 react 代码是正确的我在运行代码时没有收到任何错误。但是这些 react-boostrap 元素没有渲染。此代码仅
几周前我刚刚开始使用 Flow，从一周前开始我就遇到了 Flow 错误，我不知道如何修复。 代码如下: // @flow import React, { Component } from "react
我想在同一个 View 中加载不同的 web2py 组件，但不是同时加载。我有 5 个 .load 文件，它们具有用于不同场景的表单字段，这些文件由 onchange 选择脚本动态调用。 web2py
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题. 6年前关闭。 Improve t
Blazor 有 InputNumber将输入限制为数字的组件。然而，这呈现了一个 firefox 不尊重(它允许任何文本)。 所以我尝试创建一个过滤输入的自定义组件: @inherits Inpu
我在学习 AngularDART 组件时编写了以下简单代码，但没有显示任何内容，任何人都可以帮助我知道我犯了什么错误: 我的 html 主文件:
我想在初始安装组件时或之后为 div 设置动画(淡入)。动画完成后，div 不应消失。我正在尝试使用 CSSTransition 组件并查看 reactcommunity.org 上的示例，但我根本无
我需要一个 JSF 组件来表示甘特图。是否有任何组件库(如 RichFaces)包含这样的组件？ 最佳答案 JFreeChart有甘特图和PrimeFaces有一个图像组件，允许您动态地流式传输内容。
从软件工程的角度来看，组件、模块和子系统之间有什么区别？ 提前致谢! 最佳答案 以下是 UML 2.5 的一些发现: 组件:该子句指定一组结构，可用于定义任意大小和复杂性的软件系统。特别是，它将组件指
我有使用非托管程序集(名为 unmanaged.dll)的托管应用程序(名为 managed.exe)。到目前为止，我们已经创建了 Interop.unmanaged.dll，managed.exe
我有一个跨多个应用程序复制的 DAL(我知道它的设计很糟糕，但现在忽略它)，我想做的是这个...... 创建一个将通过所有桌面应用程序访问的 WCF DAL 组件。任何人都可以分享他们对关注的想法吗？
我有一个 ComboBox 的集合声明如下。 val cmbAll = for (i /** action here **/ } 所有这些都放在一个 TabbedPane 中。我想这不是问题。那么我
使用 VB6 创建一个 VB 应用程序。应用程序的一部分显示内部的闪存。 当我使用 printform它只是打印整个应用程序。我不知道如何单独打印闪光部分。任何帮助，将不胜感激!.. 谢谢。 最佳答案
个人中心
文章发布
退出
我是一名优秀的程序员,十分优秀！