reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式,旨在既高效又灵活。

如何在React Router上制作加载屏幕?

我大约2个月前开始学习react。现在我正在尝试使用 spline 3d 进行一些交互式设计来构建我的作品集。问题是加载时间太长,我想做一个

回答 3 投票 0

React 仅显示存在的数组属性的组件

我只想显示以下组件(如果它们的 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>

回答 2 投票 0

VS Code 中的红色波浪线

我的 Visual Studio 代码编辑器总是错误地在我的代码下划线,我不知道如何停止它。 这是我的 JavaScript 的一个例子: 我尝试过安装 prettier、eslint bu...

回答 3 投票 0

我在获取帖子请求中找不到 404

我正在使用 fetch 发送 post 请求。我正在使用 jsonbody 发送。它正在与邮递员一起使用,但不在我的反应代码中。请帮助 我已经在标头中设置了请求正文。我不知道为什么我收到 404...

回答 1 投票 0

Redux 在回调中调度时认为 thunk 是一个减速器

我有一个 React/Redux 应用程序,安装了 thunk 中间件并且工作正常 - 所有其他 thunk 调度都工作正常。我有一个 thunk 与函数处理程序一起调度......

回答 1 投票 0

Javascript 过滤器包含

我正在尝试构建一个 React 应用程序,用于搜索在 NAME、DEPARTMENT、CAMPUS 和 TITLE 中找到的字符。所以,我已经启动并运行了应用程序,但我看到“管家......

回答 1 投票 0

导航到主页并在单击其他页面的菜单项时滚动到部分 id

我有一个单页登陆主页,其中包含带有 id 的组件和跨所有页面的通用菜单。当我打开/我使用react-scroll向下滚动到特定部分时。但当我点击...

回答 1 投票 0

如何使用 axios 将带有查询的 api 密钥传递到此 get 请求中进行反应以进行 bing web 搜索 api

我正在尝试使用 bing web api 创建一个搜索栏,但无法弄清楚如何使用 axios 将 api 密钥和搜索查询一起传递到 get 请求中。另外我如何获得用户...

回答 1 投票 0

Splitting.js 和 Anime.js 等动画库无法在 React JS 上运行

好吧,我尝试了 2 个动画库,第一个是 splitting.js,第二个是anime.js,它们在 vanilla js 上都可以正常工作,但在 React js 上却失败了,有什么想法吗?错误没有意义。请尝试基本的 npm

回答 3 投票 0

不受控制的 Popover Reactstrap 更新状态

这里我使用的是reactstarp的不受控制的弹出窗口,我有类别列表,并且我有一个编辑按钮选项,所以当我单击编辑按钮图标时,不受控制的弹出窗口出现,但现在...

回答 1 投票 0

如何用不变的数据大小限制我的 data.length ,这样我就不会超过最后一个索引?反应本机

我有两个列表组件或卡片堆栈。 5 副牌,每副牌中有几张牌。我列出了 5 个牌组,并在我使用 (selectedItem) st 单击它时将其内容传递给子组件...

回答 1 投票 0

React-hook-form 上的组件值不会更新 - NextJS

所以,我已经尝试了一切,但根本无法弄清楚这一点。 我有一个用 ShadCn Slider 制作的可重复使用的组件, 函数 SliderWithCounter({ min, max, step = 1, onChange, value }: 任意) { c...

回答 1 投票 0

通过在线API实现无限滚动功能

我正在使用YTS API,我想制作无限滚动功能。 有一个页面参数和限制参数。似乎它可以与他们一起使用,但我不知道如何使用它。我是初学者...

回答 2 投票 0

我们如何从一个动作中派发动作

我有以下史诗文件,它具有以下功能, 我需要从 onUndo 调用操作,但正如所见,action.showwarnToast 已经调度,因为另一个操作不是

回答 1 投票 0

错误:node_modules\@material-ui\utils 未导出“ForwardRef” 颂歌模块 eact-is\index.js

我正在通过故事书使用 Material UI 构建 React 项目并面临此错误(附快照)

回答 3 投票 0

更新react中的表单

我有一个使用 devextreme 代码块进行 React 的代码,其中包含几个字段。两个按钮,一个添加新行,一个删除其相应的行。由于我的组件是sendi...

回答 1 投票 0

存储accessTokens以发送API请求的最佳方法?

大家好,我是一名初学者开发人员,仍在学习刷新和 accessTokens,我目前正在开发一个使用 React + Golang 进行生产的应用程序。 该应用程序只能访问...

回答 1 投票 0

有没有办法在@apply中使用Tailwind自定义类?

我定义了一个自定义的 Tailwind 类,但似乎无法在我的 CSS @apply 中使用它。 在 Tailwind CSS 中,您可以在 tailwind.config.js 中添加自定义类,如下所示: 延长: { 框阴影:{ “具体&

回答 2 投票 0

Tailwind CSS“sm:block”类在通过“sm:”断点后不会覆盖“hidden”类

我正在关注 Youtube 上 TailwindCSS 创建者的导航栏教程,我被困在这部分中,当屏幕宽度达到 sm 时,sm:block 类应该覆盖隐藏类:

回答 2 投票 0

如何制作一个仪表板,以便我们可以在 React 中注册用户后更新用户个人资料?

我正在从事大学项目,但我希望该用户自己注册,然后他们可以编辑或更新他们的个人资料,甚至可以设置个人资料图片。该项目在 MERN,任何人都可以建议...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.