jsx 相关问题

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

{foreferke ... 在我的JSX返回语句中，功能组件，我的代码在下面的行中打破，并带有消息：“ ForeforeKeys [0]未定义。” {foreignKeys && <h4>{foreignKeys[0].values.map((item) => <p >ID: {item.id} NAME: {item.name}</p>)}</h4>} 注：我也尝试了： {!!foreignKeys && <h4>{foreignKeys[0].values.map((item) => <p >ID: {item.id} NAME: {item.name}</p>)}</h4>} 和 {foreignKeys.length > 0 && <h4>{foreignKeys[0].values.map((item) => <p >ID: {item.id} NAME: {item.name}</p>)}</h4>} 我理解是，如果foreignkeys是“假”（即一个空数组），那么代码甚至不会尝试评估&&clause的第二部分，即foreignkeys [0]。。。）。如果我的理解是正确的，为什么代码在foreignkeys[0]？上违反 I.E。，如果Foreignkeys是虚假的，那么代码不应尝试评估foreignkeys[0]...，如果不是虚假的，那么foreignkeys[0]应该定义，对吗？我想念什么？谢谢！注：参考：外国人是一个状态变量，定义下面：const [foreignKeys, setForeignKeys] = useState([]); 仅在第一个渲染上设置一次：useEffect(() => { fetchItems(); }, []); . . . const fetchItems = async () => { try { const res = await axios.get(`http://localhost:5000/api/foreignkeys`, {params: {table: tblName}}); if (res.data.length!==0) { res.data.map((item) => { setForeignKeys([...foreignKeys, item]); }); } 其原因不起作用，因为您是不真实的，您就是您。当JavaScript在布尔上下文中考虑“ true”的任何值时，该变量将是thimible。在您的情况下，foreignKeys被初始化为一个空数组（foreignKeys），当它包含不是foreignKeys，useState([])，null，undefined，false，或一个空字符串0时，它将是真实的。启用检查真相，您可以检查数组的长度。 NaN

jsx

回答 1 投票 0

反射mui-dataTables，不能将图标放在左

我想向右放一个图标。

javascript reactjs material-ui jsx mui-datatable

回答 2 投票 0

Mui-dataTables无法读取未定义的属性（阅读'下载'）

"react": "^17.0.2",

javascript reactjs datatables jsx mui-datatable

回答 0 投票 0

如何防止MUI-dataTables在OnrowselectionChange中设置状态时呈现我目前正在使用“ mui-datatables”：“^4.2.2”进行React JS项目。我有一个在页面上划分的数据列表，有可能通过复选框选择项目： ...

的React JS项目一起工作。

javascript reactjs datatable jsx mui-datatable

回答 1 投票 0

反射控制台。log在开发工具中显示重复的结果

为什么反应显示重复的console.log？我发现要从index.js中删除严格模式。但是以前没有这样的问题，为什么我要删除严格模式而不是解决问题。什么...

javascript reactjs react-hooks jsx use-state

回答 1 投票 0

有必要在React 16中导入反应？

javascript reactjs jsx

回答 1 投票 0

this this this compilation失败了，我无法弄清楚原因。每个div都关闭。支架和括号检查。谁能向我解释发生了什么事？ @dbs说，使用JSX，您应该创建和返回整个元素，因此您正在寻找类似的东西： cpu.map((item, index) => ( <div key={item.id /* or index if your items don't have ids */} class="usage-row"> {Array.from({ length: 8 }, (_, j) => ( <div key={j} class="cpu"> <i class={`bi bi-circle-fill ${item.description} led`}></i> CPU {item.realname} </div> ))} </div> ) ，不应该由呼叫返回的每个元素都有一个唯一的propert react将在内部使用。

reactjs jsx

回答 0 投票 0

reactjs typescript jsx

回答 1 投票 0

在JSX（react）中，卷发括号是什么意思？

helloworld 为什么您需要第二个代码剪切中CSS周围的卷发括号...

javascript reactjs ecmascript-6 jsx

回答 3 投票 0

使用React上的逻辑连词在打字稿上缩小了nullish的价值

有人可以帮助我澄清为什么在这种情况下，Typescript确实确实会缩小类型的范围： subCollectionId缩小到您期望拥有的任何非记值的价值 const subCollectionId = Culc ...

javascript reactjs typescript jsx

回答 1 投票 0

如何将属性添加到Typescript/jsx中现有的HTML元素？

typescript jsx

回答 8 投票 0

无需渲染/查看React prop的默认值

reactjs jsx

回答 1 投票 0

<Fragment><li>在我的React组件中，我有两个映射的列表，每个列表都分配了密钥：使用

在我的React组件中，我有两个映射列表，每个列表都分配了：使用key 使用<Fragment key={recipe.id}> ，但是，当使用React DevTools检查组件时，我只能看到<li key={ingredient}>{ingredient}</li>（配方ID），但不能看到key元素（成分键）。 REACT文档的符合措辞文档：： jsx元素直接在一个呼叫中始终需要键！在我的情况下，<Fragment>和<li>都放在各自的map()中。 thy react devtools为什么要显示Fragmentli但不为key？ React内部仍在内部使用map()的关键吗？还是我只是放错了它？我累了，将key内部移动<Fragment>，Devtool只是完全忽略了<li>。 rrepo erect开发工具仅显示组件。不是实际的DOM元素。 <li>是一个组件，因此它将与其键一起显示。另一方面，内部的<li>元素不是组件，因此根本不显示它们。

javascript reactjs jsx

回答 0 投票 0

在React中预紧图像的旋律方法是什么？

javascript reactjs image jsx preload

回答 1 投票 0

typescript + react/redux：属性“ xxx”在类型'intinsicattributes＆intrinsicclassattributes上不存在我在一个带有打字稿，React和redux（全部在电子中运行）的项目工作，当我在另一个类中加入一个基于类的组件并尝试传递参数

class ContainerComponent extends React.Component<any,any> { .. render() { const { propToPass } = this.props; ... <ChildComponent propToPass={propToPass} /> ... } } .... export default connect(mapStateToProps, mapDispatchToProps)(ContainerComponent);

reactjs typescript redux electron jsx

回答 7 投票 0

显示基于jsx

javascript typescript jsx

回答 1 投票 0

Vito React应用程序启动时显示黑页我是新手使用Vito与React一起使用的，这是我这样做的第一个应用程序。我想我正在做所有的事情，但是当我运行时，它显示了一个黑色白页。这是我的主要jsx：导入反应从“ r ...

这是我的主要jsx：

javascript html reactjs vue.js jsx

回答 0 投票 0

如何覆盖当前的输入框内部字符（OTP输入），当它已经完成时？我正在尝试为计时器/OTP样式输入创建一个输入框。如何覆盖输入框内部的当前字符w Length 1（OTP输入）已满时？我的问题是输入是

我的问题是输入是长度1，我们仅在捕获一个字符后才将光标/焦点移至接下来...但是，一旦填充了炭，您就必须手动返回并删除char，然后您可以补充...

javascript reactjs jsx