jsx 相关问题

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

JSX 语法错误，意外的标记，预期为“，”

我正在尝试创建一个 ios React JSX 应用程序，但我不断收到此错误，我不知道为什么。我从我的主屏幕文件中复制了有效的 ts 文件，所以我很困惑为什么我会在这个 f...

ios reactjs react-native jsx

回答 1 投票 0

如何将 React 中的 onClick 输入值恢复为默认值？

我有一个内置反应钩子的数据表。在每一行上，我允许用户编辑值并进入我所说的编辑模式，如下所示：输入 const TableRow = (props: any) => { 常量 [在...

reactjs datatable react-hooks jsx

回答 2 投票 0

TypeError：无法读取 null 的属性（读取“useContext”）-Material UI

我在我的项目中使用MUI（Material UI）。我尝试使用的组件是 Button。请在此处查看其官方组件文档。发生错误的代码：导入 * as React from 'react'; 导入

javascript reactjs material-ui jsx

回答 1 投票 0

React 组件崩溃问题：URL 解析期间 Ref 未初始化

我有一个组件，如果选择它，它应该展开。这是我目前的方法：我有一个组件，如果被选择，它应该展开。这是我目前的方法： <Element ref={elementRef} style={{ height: isSelected ? `${elementRef.current.scrollHeight}px` : '0px' }} /> 现在，我添加了解析 URL 的路由。例如，如果我位于 host:port/selected/1，第一个元素应该自动展开。 URL 解析工作正常，但它发生在网站创建之初。这会导致函数返回 JSX-Element 时，isSelected 计算结果为 true，这会导致问题，因为 ref 尚未初始化。（elementRef.current 是 null）或者换句话说：非渲染对象的滚动高度没有意义，React 告诉我是这样。我正在努力找出处理这个问题的最佳方法。我想我需要使用与 useRef 不同的钩子，但是哪个？我尝试将 useState 与依赖项 isSelected 和 elementRef 一起使用，它不会在渲染后触发，而是在渲染之前（或期间）触发。如果在最初的渲染中尚未设置引用，那么您可以使用可选链接运算符和后备值。示例： <Element ref={elementRef} style={{ height: isSelected ? `${elementRef.current?.scrollHeight ?? 0}px` : '0px' }} />

javascript reactjs jsx react-ref

回答 1 投票 0

React 组件应该使用 .js 或 .jsx 文件扩展名吗？

当我在 React 应用程序中构建组件时，我通常使用 .js 文件扩展名（即使我用 jsx 编写），但我见过一些使用 .jsx 文件扩展名。使用 .jsx 文件扩展名是否更好...

html reactjs jsx

回答 3 投票 0

React 应用程序中的react-data-table-component 运行时错误

我在尝试将react-data-table-component集成到我的React应用程序中时遇到了运行时错误。当我在获取数据后尝试渲染数据表时，似乎发生了错误...

javascript reactjs jsx

回答 1 投票 0

在React中，在JSX之外创建点击处理程序对性能有什么提升吗？

这是一个带有点击处理程序的 2 个按钮的示例，一个函数在组件主体中创建，另一个在 JSX 中创建。有性能差异吗？函数父级（）{ 常量 [计数，