jsx 相关问题

JSX是一种开源编程语言,或者是具有类和静态类型的AltJS。源代码被编译成高度优化的JavaScript。有关React的问题,请改用[reactjs]!

React Refs 不适用于高阶组件 (HOC) 中动态生成的组件

我遇到了一个有点令人困惑的 React refs 问题。我有一个高阶组件(HOC),它根据 prop 动态生成子组件,并且我正在尝试使用 refs...

回答 1 投票 0

如何在React和TypeScript中的style属性中定义css变量

我想这样定义jsx: {数组} 我在 CSS 中使用 --length,我...

回答 10 投票 0

解析错误:相邻的 JSX 元素必须包含在封闭标签中

当我为我的反应应用程序构建反应路线时,出现错误 解析错误:相邻的 JSX 元素必须包含在封闭标记中。 下面是我的代码 类应用程序扩展组件{ 重新...

回答 3 投票 0

alert 在 React js 中显示两次

我有一个益智游戏,完成后它会显示一个警报,然后会出现一个确认窗口,询问您是否想解决另一个问题。它显示两次的问题。我尝试更改我的index.j...

回答 1 投票 0

使地图的“活动部分”或“视图”小于传单中地图的实际高度?

我正在react-leaflet中制作一个导航应用程序。我希望设计的样式能够使搜索栏位于地图顶部,如下所示: 由于我没有声誉,所以无法发布图片,抱歉...... 呃...

回答 1 投票 0

VSCode 在使用 JS "?" 时应用烦人的红色样式操作员

每次我使用 JS '?' 时,我的 VSCODE 编辑器都会应用此红色样式JSX 中的操作符如第 2 行所示。老实说,这使得工作变得非常困难,而且非常烦人。有没有什么...

回答 1 投票 0

多个相同组件都触发相同的_id

我在我的网站上创建了一个画廊,其中主页映射了一组图像 url,并将该 url 作为道具传递给我的自定义“ImageTile”组件。该组件负责

回答 1 投票 0

如何正确包装Material UI v5组件以强制Grow组件正常工作?

我是一个 React 新手,所以如果有任何愚蠢的错误或不准确的地方,我提前道歉。 我的博客页面有一个工作代码: 导出默认函数 Blog() { const [照片,设置照片] =

回答 1 投票 0

Tailwindcss 框阴影未显示

我正在尝试在 React 项目中使用 Tailwindcss,在该项目中我正在复制星球大战网站移动菜单。但是,我添加到汉堡图标段的框阴影没有显示......

回答 4 投票 0

eslint 规则要求反应组件使用特定的 prop?

我正在使用无法修改的3p组件库。但是,我希望在表单中使用特定的组件道具时始终需要它。这是一个例子: 我正在使用无法修改的3p组件库。但是,我希望在表单中使用特定的组件道具时始终需要它。这是一个例子: <div className="my-header-actions"> <CustomButton /> // This is fine <CustomButton someProp="wizbang" /> // This is fine </div> <form> <CustomButton someProp="wizbang" /> // This is fine <CustomButton /> // This should error & require someProp </form> 在上面的示例中,如何创建仅在这样的表单中使用时才需要 someProp 的 eslint 配置? 这可以使用无限制语法规则来完成: "no-restricted-syntax": [ "error", { selector: "JSXElement[openingElement.name.name='CustomButton']:not(:has(JSXAttribute[name.name='someProp']))", message: 'You must pass `someProp` when creating a <CustomButton>.' } ]

回答 1 投票 0

我收到“JSX 元素类型没有任何构造或调用签名”错误

我正在构建一个应用程序,它使用按钮从用户那里获取输入并创建一个数组,但是当我尝试显示该数组时,它会收到 JSX 元素类型的错误。 从“...

回答 1 投票 0

如何在 jsx 中使用混合顺风和普通类有条件地分配类

为什么在 Nextjs 14 (ReactJS 18) 中,在 jsx 代码中,如果我像这样有条件地分配 css 类: 为什么在 Nextjs 14 (ReactJS 18) 中,在 jsx 代码中,如果我像这样有条件地分配 css 类: <Swiper ... className={lightbox ? "swiperLightbox h-[80%] md:h-[70vh] z-50" : "swiperMain h-[21vmax] rounded-xl"} > 当 lightbox 条件为 true 时,该元素同时具有 swiperMain 和 swiperLightbox 类,但已相应地正确分配了其他 Tailwind 类? 此外,当 lightbox 为 false 时,它仅具有正确的 swiperMain 和 Tailwind 类。 使用三元条件来解决这个问题。 className={lightbox ? "swiperLightbox h-[80%] md:h-[70vh] z-50" : "swiperMain h-[21vmax] rounded-xl"} 让我知道它是如何工作的

回答 1 投票 0

如何清除React中的输入字段

因此,在按创建后,我创建了一张带有英雄的卡片。然后 .then(() =>clearFields()) 帮助我清除...

回答 2 投票 0

WSO2:有没有办法在源代码中自定义开发门户和发布者?

我下载了 WSO2 API Manager 源代码,我想自定义它具有的一些 .jsx 文件。但没有任何 .jsx 文件。 我知道有一种方法可以自定义devportal并发布...

回答 2 投票 0

我无法在 React JS 中访问自定义 React 组件?

我正在尝试使用我的自定义组件,但它没有出现。我做错了什么? 自定义组件代码: 从 'react' 导入 React, { Component } 导出类cardComp扩展组件{

回答 2 投票 0

useState() 和普通变量赋值有什么区别?

在更改保存在状态中的反应元素数组后,这些元素的内容会变得混乱。 {name} 与 {name2} 相同变得不真实。道具没有变化,统计数据也没有变化......

回答 3 投票 0

Next.JS jsx 建议在 VS-Code 中不起作用

当我创建新的 Next.js 应用程序并使用 JavaScript 并使用 VS Code 打开它时,在 .jsx 文件中,建议无法如图所示工作,任何组件的道具建议都不会显示。

回答 2 投票 0

为什么我会收到“作为反应子项无效”错误?

我在 React 中遇到错误,提示“对象作为 React 子对象无效(找到:带有键 {} 的对象)”。这发生在渲染阶段,React 需要元素或数组......

回答 1 投票 0

按“enter”键时停止 VSCode 触发建议

我正在.js文件中编辑JSX代码,自从两天以来(我不知道为什么),每次我在VS Code中按ENTER键添加一个新的空行,然后VS Code都会显示以下内容: 如果我再次按 ENTER 键,则 V...

回答 4 投票 0

react js 中的高阶组件

包装函数需要两个输入,一个是组件,另一个是类名。 我的问题是,为什么我们返回后不直接使用jsx代码呢? 为什么我们在

回答 1 投票 0

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