React是一个用于构建用户界面的JavaScript库。它使用声明范式,旨在既高效又灵活。
我大约2个月前开始学习react。现在我正在尝试使用 spline 3d 进行一些交互式设计来构建我的作品集。问题是加载时间太长,我想做一个
我只想显示以下组件(如果它们的 href 属性存在): 代码 下载 我只想显示以下组件(如果它们的 href 属性存在): <ExternalLinks href={source}>Code</ExternalLinks> <ExternalLinks href={download}>Download</ExternalLinks> <ExternalLinks href={visit}>Website</ExternalLinks> 这是数组,例如,如果数组对象不存在下载和访问属性,那么我不希望它们出现。 title: '', description: "", image: '/images/ethereumcampaign.png', tags: ['React', 'Node.js', 'Solidity'], href: "/campaigns", //download: 'https://google.com', source: '', //visit: "", id: 0, 谢谢:) 有2种方法: 过滤: {tags.filter((tag) => tag.download && tag.visit).map((tag, i) => ( <Tag key={i}>{tag.title}</Tag> <Tag key={i}>{tag.description}</Tag> ... ))} </TagList> 使用反引号(``): {tags.map((tag, i) => (` ${tag.visit && tag.download ? <Tag key={i}>{tag}</Tag> : ""} `))} </TagList> 在进行映射之前过滤您的数据,hasOwnProperty()确定presence的properties下载并在您的tag对象中访问: <TagList> {tags .filter((tag) => tag.hasOwnProperty('download') && tag.hasOwnProperty('visit')) .map((tag, i) => ( <Tag key={i}>{tag}</Tag> ))} </TagList>
我的 Visual Studio 代码编辑器总是错误地在我的代码下划线,我不知道如何停止它。 这是我的 JavaScript 的一个例子: 我尝试过安装 prettier、eslint bu...
我正在使用 fetch 发送 post 请求。我正在使用 jsonbody 发送。它正在与邮递员一起使用,但不在我的反应代码中。请帮助 我已经在标头中设置了请求正文。我不知道为什么我收到 404...
我有一个 React/Redux 应用程序,安装了 thunk 中间件并且工作正常 - 所有其他 thunk 调度都工作正常。我有一个 thunk 与函数处理程序一起调度......
我正在尝试构建一个 React 应用程序,用于搜索在 NAME、DEPARTMENT、CAMPUS 和 TITLE 中找到的字符。所以,我已经启动并运行了应用程序,但我看到“管家......
我有一个单页登陆主页,其中包含带有 id 的组件和跨所有页面的通用菜单。当我打开/我使用react-scroll向下滚动到特定部分时。但当我点击...
如何使用 axios 将带有查询的 api 密钥传递到此 get 请求中进行反应以进行 bing web 搜索 api
我正在尝试使用 bing web api 创建一个搜索栏,但无法弄清楚如何使用 axios 将 api 密钥和搜索查询一起传递到 get 请求中。另外我如何获得用户...
Splitting.js 和 Anime.js 等动画库无法在 React JS 上运行
好吧,我尝试了 2 个动画库,第一个是 splitting.js,第二个是anime.js,它们在 vanilla js 上都可以正常工作,但在 React js 上却失败了,有什么想法吗?错误没有意义。请尝试基本的 npm
这里我使用的是reactstarp的不受控制的弹出窗口,我有类别列表,并且我有一个编辑按钮选项,所以当我单击编辑按钮图标时,不受控制的弹出窗口出现,但现在...
如何用不变的数据大小限制我的 data.length ,这样我就不会超过最后一个索引?反应本机
我有两个列表组件或卡片堆栈。 5 副牌,每副牌中有几张牌。我列出了 5 个牌组,并在我使用 (selectedItem) st 单击它时将其内容传递给子组件...
React-hook-form 上的组件值不会更新 - NextJS
所以,我已经尝试了一切,但根本无法弄清楚这一点。 我有一个用 ShadCn Slider 制作的可重复使用的组件, 函数 SliderWithCounter({ min, max, step = 1, onChange, value }: 任意) { c...
我正在使用YTS API,我想制作无限滚动功能。 有一个页面参数和限制参数。似乎它可以与他们一起使用,但我不知道如何使用它。我是初学者...
我有以下史诗文件,它具有以下功能, 我需要从 onUndo 调用操作,但正如所见,action.showwarnToast 已经调度,因为另一个操作不是
错误:node_modules\@material-ui\utils 未导出“ForwardRef” 颂歌模块 eact-is\index.js
我正在通过故事书使用 Material UI 构建 React 项目并面临此错误(附快照)
我有一个使用 devextreme 代码块进行 React 的代码,其中包含几个字段。两个按钮,一个添加新行,一个删除其相应的行。由于我的组件是sendi...
大家好,我是一名初学者开发人员,仍在学习刷新和 accessTokens,我目前正在开发一个使用 React + Golang 进行生产的应用程序。 该应用程序只能访问...
我定义了一个自定义的 Tailwind 类,但似乎无法在我的 CSS @apply 中使用它。 在 Tailwind CSS 中,您可以在 tailwind.config.js 中添加自定义类,如下所示: 延长: { 框阴影:{ “具体&
Tailwind CSS“sm:block”类在通过“sm:”断点后不会覆盖“hidden”类
我正在关注 Youtube 上 TailwindCSS 创建者的导航栏教程,我被困在这部分中,当屏幕宽度达到 sm 时,sm:block 类应该覆盖隐藏类:
如何制作一个仪表板,以便我们可以在 React 中注册用户后更新用户个人资料?
我正在从事大学项目,但我希望该用户自己注册,然后他们可以编辑或更新他们的个人资料,甚至可以设置个人资料图片。该项目在 MERN,任何人都可以建议...