React JSX中的‘'if () {} else {}’语句？

文章/答案/技术大牛

发布

2回答

javascript、reactjs

我只是试图在一些JSX的React中使用if/else语句，但是我得到了一个“解析错误:意外的令牌”。示例三元语句似乎工作得很好。在JSX中可以不使用if/else语句吗？ .'empty set' : 'has results' } > 288 | { if (true) { true } <

浏览 35提问于2019-09-27得票数 0

3回答

为什么在使用react时-react条件不能工作？

javascript、reactjs、jsx

在写react代码的同时在jsx中编写if-else是行不通的。然而，使用三元操作符是有效的。为什么会发生这种事？

浏览 2提问于2016-08-23得票数 6

回答已采纳

2回答

编译失败，如果在ReactJS中出现意外令牌

reactjs

我似乎无法让这个简单的函数工作，基本上我的标记是这样(简化)的。 </div>但这就让我在if语句中使用了我不能在我的简写if语句中做if语句吗？

浏览 2提问于2017-03-09得票数 1

回答已采纳

1回答

在React JSX中使用if-else语句

javascript、reactjs、jsx

我正在尝试根据配对名称显示react组件，但我不确定如何实现。这就是我到目前为止的代码，有什么建议吗？class App extends React.Component { bases: ['EUR', 'AUD', 'CAD', 'JPY', 'NZD'], selectedBasedocument.getElementById('pairName').innerText ===

浏览 0提问于2020-11-15得票数 0

2回答

Emotion.js与create app: ReferenceError: jsx未定义

reactjs、typescript、create-react-app、emotion

在之后，我添加了@emotion/core，使用了import {jsx, css} from '@emotion/core';，并在文件的顶部添加了/** @jsx jsx */。但是，当我运行该应用程序时，会引发以下错误：这是我的示例组件： import {

浏览 1提问于2019-01-02得票数 2

回答已采纳

2回答

表示组件的返回语句中的if语句正在引发意外的令牌错误。

javascript、reactjs、react-redux

我有一个名为Navbar.jsx的表示组件，它根据用户是否经过身份验证返回另一个表示组件。当我运行webpack时，我的if语句中的"if“是一个意外的标记，这是一个错误。您将在导航条折叠div中看到if div语句。以下是Navbar.jsx：import PreAuthNavTabs from

浏览 3提问于2016-06-20得票数 0

回答已采纳

2回答

在JSX中混合代码和html/内容的最佳方法

reactjs

在呈现方法中，我有如下所示： { else }( CoffeeScript) 对于我来说，将输出(文本)与{}中的代码混合使用是不对的。然而，这些反应文件

浏览 0提问于2015-09-16得票数 2

回答已采纳

2回答

组件，ReactJS -呈现时没有返回任何内容。

javascript、html、css、reactjs、render

我正在尝试创建一个组件并在App.jsx (另一个组件)中调用它，并在呈现中调用这个App.jsx，但是它给了我错误。这是我做的代码。组件： (Greetings.Jsx)function Greetings() let t

浏览 5提问于2021-04-07得票数 0

回答已采纳

5回答

reactjs中的条件内渲染方法

javascript、html、css、reactjs、redux

我是新来的反应。 import <

浏览 6提问于2017-02-21得票数 0

回答已采纳

1回答

为什么三元操作符工作，而其他人没有反应JSX

reactjs

<BigItem data={item}/> : null} ) 为什么这段代码能工作，但如果我使用，如果或切换语句，它就不会工作了？

浏览 2提问于2017-10-08得票数 2

回答已采纳

2回答

不能在const声明中使用if语句，但三元操作符有效。

javascript、reactjs、ecmascript-6

我正在研究一些编码示例，并在React中看到了一个组件声明的示例： <ul> </ul>我想尝试将这个三元操作符转换为if/ and语句，如下所示： <ul>return <Todo key={`todo-${todo.id}`} todo={todo}

浏览 2提问于2019-06-15得票数 1

回答已采纳

4回答

如何在react中使用if语句？

javascript、reactjs

我有一个.jsx文件，包含： <RangeSpan> <b>{Math.round(house.records</RangeSpan>这很好，但是现在我想询问house.source并显示不同的东西，比如：{ Currently, thereare {" "

浏览 5提问于2020-10-14得票数 1

回答已采纳

4回答

在React-Native中需要JSX

reactjs、react-native

如何在React Native中要求JSX？以这种方式需要.js文件，但找不到.jsx文件。

浏览 0提问于2015-06-07得票数 3

1回答

未显示在React中的文件中的更改

javascript、reactjs、json

我面临的问题是，我在feed.js和sidebar.jsx中所做的任何改变都没有反映在react网站上。然而，navbar.jsx的变化正在立即反映在网站上。即使完全停止并启动react应用程序也不能反映网站的变化。在排除故障时，我最初认为错误源于React路由器，但在检查了其中的所有内容数小时后，我认为问题并不来自于此。如果我不得不猜测的话，我认为问题就在文件的导入/导出中</

浏览 2提问于2022-08-31得票数 0

1回答

ReferenceError‘未定义的ReferenceError: React未定义’

javascript、reactjs、npm、gruntjs、browserify

错误如下:未定义未定义的ReferenceError: React。以下是我的组件文件(BigCard.jsx)： render: function() {import React from 'react';i

浏览 1提问于2016-03-28得票数 2

回答已采纳

2回答

React工作而不导入它

javascript、reactjs、babeljs、jsx

我对import反应语句感到困惑。我知道，如果我们需要使用JSX，我们需要从React包导入react。function App() { >

浏览 5提问于2020-11-08得票数 3

回答已采纳

1回答

导入组件获取:意外令牌导入

node.js、reactjs、express、ecmascript-6

我的express的app.js加载在我的主模板文件中，如下所示：其中routes.index是： res.render('Index', { title: 'Express' });我的Index.jsx是我的主要模板，如下所示： import Rea

浏览 3提问于2017-09-10得票数 0

回答已采纳

2回答

ReactJS中的三元运算符混淆

reactjs

我是ReactJS的新手，一直在通过在线课程学习。为什么我可以在JSX表达式中使用三元运算符，但不能在if语句中使用？

浏览 1提问于2019-07-10得票数 0

1回答

React组件(if语句)中出现意外标记，应为")“

javascript、node.js、reactjs、react-hooks

我试图在一个功能组件中创建一个变量和一个for循环来显示产品中的评级星级，但当我试图编译它时，它总是给我同样的错误： SyntaxError: Rating.js: Unexpected token,，如果有一些额外的东西我不知道我不应该做，或者我真的有一个语法错误。组件的完整代码： import React from 'react'

浏览 24提问于2021-10-12得票数 0

1回答

定位React.js return JSX语句中的错误

javascript、debugging、reactjs、upgrade、jsx

在将react版本从0.13升级到15.4的过程中，几乎所有依赖项都会更新。这些变化还包括例如react-bootstrap。据我所知，return语句中的JSX错误是由React捕获的，在大多数情况下，我不知道发生了什么错误。所有代码看起来都很好，但是我看不到组件呈现到实际DOM中的结果。如何在React/JSX的return

浏览 0提问于2017-01-04得票数 0

点击加载更多