小编Mar*_*Hkr的帖子

我想添加一个类似的范围组件.但其中一个实际上是循环的,我不知道该怎么做.你能指点我一些帮助吗？

我想要的例子:

我想将多个 mdx 文件动态导入到 React 组件中，例如，我有一个页面根据所选语言需要不同的 mdx 文件，因此一次仅加载一个特定文件：

反应组件：

import { lazy } from 'react'
import { language } from 'currentLanguage'

const Content = lazy(() => import(`../assets/markdown/website/${language}/content.mdx`))

export const Page = () => (
  <div>
    <Content />
  </div>
)

Vite.config.js：

import mdx from '@mdx-js/rollup'
...
  plugins: [
    mdx(),
  ],
...

因此，这在开发中运行良好，但出现以下错误（但仍然有效）：

The above dynamic import cannot be analyzed by Vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore …

我正在编写一个类似于 Instagram 的 React Native 应用程序。我已经有一个包含 5 个项目的底部选项卡导航器，最后一个是配置文件选项卡。

在这个配置文件选项卡中，我想要一个抽屉导航器来管理配置文件设置，我希望这个抽屉只能在此选项卡中“可绘制”，而不是其他选项卡。但我也希望抽屉同时显示在选项卡导航器的顶部（就像 Instagram 的一样）。

我正在为此使用反应导航库。我的问题是：这可能吗？如果是，我该如何在我的代码上实现它？

谢谢

当鼠标悬停在整张卡上时,我想为整张卡的zDepth设置动画.我试试这个(在React中我是新的),但我不知道如何实现它:

<Card 
     linkButton={true}
     href="/servicios/"
     onClick={Link.handleClick} zDepth={3}
     onMouseEnter={this.setState({zDepth={1}})}>
</Card>

提前致谢.