应为赋值或函数调用，但看到的是表达式React JS
React JS是一个用于构建用户界面的JavaScript库。它是由Facebook开发并开源的，被广泛应用于Web应用程序的前端开发中。
React JS的主要特点包括：
- 组件化：React JS将用户界面拆分为独立的组件，每个组件具有自己的状态和属性。这种组件化的开发方式使得代码更加模块化、可复用，并且易于维护。
- 虚拟DOM：React JS通过使用虚拟DOM来提高性能。虚拟DOM是一个轻量级的JavaScript对象，它表示真实DOM的副本。当组件的状态发生变化时，React JS会通过比较虚拟DOM和真实DOM的差异，然后只更新需要更新的部分，从而减少了DOM操作的次数，提高了性能。
- 单向数据流：React JS采用了单向数据流的数据流动模式。父组件可以向子组件传递数据，但子组件不能直接修改父组件的数据。这种数据流动模式使得数据的变化更加可控，减少了出现bug的可能性。
- JSX语法：React JS使用JSX语法来描述用户界面的结构。JSX是一种将HTML和JavaScript结合起来的语法，使得开发者可以在JavaScript代码中直接编写HTML结构，提高了开发效率。
React JS的应用场景包括：
- 单页面应用程序（SPA）：React JS适用于构建复杂的单页面应用程序，可以通过组件化的方式来管理应用程序的各个模块。
- 移动应用程序：React Native是基于React JS的移动应用开发框架，可以使用React JS的语法和组件来开发原生移动应用程序。
- 前端框架整合：React JS可以与其他前端框架（如Angular、Vue）进行整合，提供更灵活的开发选择。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。产品介绍链接
- 云数据库MySQL版（CDB）：提供高可用、可扩展的云数据库服务，适用于各种规模的应用程序。产品介绍链接
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。产品介绍链接
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，帮助开发者快速构建和部署人工智能应用。产品介绍链接
请注意，以上仅为腾讯云的部分相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
1回答
我正在尝试在React中获取上下文变量。这是我的密码
<Switch>
<Route exact path="/" component={Home} />
<Route path="/home/:loc" render={(props)=> {
<AppContext.Consumer>
{
context=><Home context={context} />
}
</AppContext.Cons
浏览 1提问于2018-10-07得票数 2
回答已采纳
在gatsby-browser.js和gatsby-ssr.js中使用gatsby-ssr.js会导致页眉和页脚元素呈现两次。
gatsby-browser.js
import React from 'react';
import PageLayout from './src/components/layout/PageLayout';
export const wrapPageElement = ({ element, props }) => {
// Wraps every page in a component
return <Pag
浏览 14提问于2021-12-23得票数 3
由于某些原因，我无法正确显示警告框(作为测试添加)。该函数似乎根本不会执行。你对我做错了什么有什么看法？
我的代码位于 btw w/ result。感谢您的提前输入！
浏览 0提问于2012-04-29得票数 0
回答已采纳
我试图用react作为我的前端，用solidity作为我的后端，来做一个待办事项列表。我使用了Truffle和Ganache来测试它。我成功地设置了私有区块链，并从Ganache导入了多个账户。但是，每当我在react应用程序中使用method.call()时，它抛出以下错误：
index.js:298 Uncaught (in promise) Error: Returned values aren't valid, did it run Out of Gas?
You might also see this error if you are not using the corre
浏览 72提问于2021-03-08得票数 0
问题说明：
我已经开始用和做一个项目。问题是，eslint给了我一个意外的错误，似乎是一个正确声明的函数。
代码：
import React, { useState } from 'react';
type Props = {
options: Array<string>
};
const Switch: React.FC<Props> = (props: Props) => {
const [choice, setChoice] = useState<number>(0);
// eslint gives erro
浏览 0提问于2019-12-22得票数 0
回答已采纳
我刚接触react native，在将变量从一个文件传递到另一个文件时遇到了麻烦。
在传递类时，module.exports工作得很好。但是，在原生环境中，有没有办法通过导出在文件之间传递变量？
在下面的示例中，一个文件(按钮)创建了一个随机数组，我想在另一个文件(genreSelector)中访问该数组。类似地，我尝试将一个字符串数组从(genre )传递给genreSelector。
我找不到一个这样做的例子，所以我的印象是这是不可能的。如果这是不可能的，我应该如何传递信息？我是否需要将所有函数放在main中并从子类中调用它们，如果是这样，我如何引用父类的函数而不是它自己的this.fun
浏览 1提问于2016-10-31得票数 10
回答已采纳
我正在用Apex Chart创建一个时间线。我想从JSON动态加载数据。您可以看到使用硬编码的数据here是什么样子。 我的data.json看起来像这样： [{
"name": "Booked",
"data": [
{
"x": "Lady Gita",
"y": [
"new Date('2019-03
浏览 27提问于2021-09-16得票数 0
回答已采纳
4回答
假设我有一个"Code“类，定义如下，并将用户指定的类型转换为int：
class Code
{
public:
int code;
std::string description;
Code (const int c, const std::string& d) : code(c), description(d) { ; }
operator int() const { return code; }
};
以及使用代码类的第二个类"Master“：
class Master
{
public:
Code master
浏览 0提问于2010-08-14得票数 2
回答已采纳
我是个新手。我创建了一个演示application.And，我试图在单击按钮时隐藏消息。1)但该操作不会在单击按钮时调用。2)当控制台页面重载时，reducer.This内部的action显示如下。
inside reducer
redux.js:30 Object {type: "@@redux/INIT"}
redux.js:31 Object {}
redux.js:29 inside reducer
redux.js:30 Object {type: "@@redux/PROBE_UNKNOWN_ACTION_j.r.h.g.s.q.b.y.b.9"}
浏览 13提问于2017-06-20得票数 0
回答已采纳
3回答
我在react中遇到了一些eslint的问题。它要求我使用解构属性赋值，但当我更改代码时，它就会崩溃。
有什么想法吗？
这是完整的代码
class LoginPage extends React.Component {
submit = data =>
// This is how I tried to fix it!
// {
// const { login, history } = this.props;
// login(data).then(() => history.push('/'));
// };
浏览 2提问于2018-08-29得票数 2
3回答
我目前正在构建一个简单的React应用程序。我有一些数据从一个laravel应用程序传递到一个window.example对象。然后，我想访问这些数据，并且我发现最初我可以使用props来完成这个任务。但问题是，当我在AssignmentForm组件中提交表单时，我希望更新AssignmentBox中的数据，这将显示数据，并添加一行数据。我该怎么做？
我的结构是这样的：
DashboardApp
AssignmentBox
AssignmentFormNew
这是我的密码：
main.js:
import swal from 'sweetalert
浏览 10提问于2016-10-17得票数 0
下面是一个简单的用户配置文件页面ReactJS + Reactstrap + Axios
我在handleChange方法中使用handleChange时出错了。
我尝试了几种setState的方法，但什么也没做。可能是更深层次的问题..。或者链接到JSON解析和字符串。
表单的显示工作正常。
错误堆栈：
user-form.js?c7a5:69 Uncaught TypeError: Cannot read property 'setState' of undefined
at handleChange (user-form.js?c7a5:69)
at H
浏览 1提问于2020-04-01得票数 0
回答已采纳
1回答
我有一个React视图，它与商店通信。我已经成功地分别测试了视图和存储，但没有结合起来。
我跟踪了，但收到了TypeError。看起来Jest正在尝试将商店注册为一个组件，即使我使用了dontMock。
Using Jest CLI v0.2.0
PASS __tests__/unit/spec/stores/ViewStore-spec.js (0.248s)
FAIL __tests__/unit/spec/components/View-spec.react.js (0.942s)
undefined
● View › it defaults to zero unread
-
浏览 1提问于2014-12-05得票数 4
回答已采纳
在继续之前，我应该提到，是的，我已经阅读了关于"“及其不同变体的问答。
然而，这些帖子更多的是关于如何在不使用JSX语句的情况下四处走动。我想知道为什么在JSX中不允许声明，因为我找不到任何文章。
我正在阅读关于这个叫做"“的官方文件，并给出了为什么，引用，
JSX只是函数调用和对象构造的语法糖。
他们接着对比了以下两段代码，第一段有效，第二段不起作用：
这是有效的：
// This JSX:
ReactDOM.render(<div id="msg">Hello World!</div>, mountNode);
// Is
浏览 4提问于2020-04-02得票数 6
回答已采纳
2回答
使用redux表单超过了更新深度
、、、、
我正在尝试获取依赖于下拉值选择的验证redux-form，下面是代码和错误。
我得到了Uncaught Error: Maximum update depth exceeded.当一个组件在componentWillUpdate或componentDidUpdate中重复调用setState时可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
请提前帮助我，谢谢！
...
<Field
id="user-form-email"
name="email"
component=
浏览 51提问于2021-05-18得票数 5
标记为constexpr的函数被认为是不可变的纯函数。从 post开始，您不能将常量引用输入重定向为输出，因为这将要求参数具有持久性。但是，你能通过const-reference获取一个参数吗，只要你不重新引导它？
// Is this still constexpr?
// (Assuming that std::complex is constexpr-safe, as it's supposed to be.)
constexpr
int MySum( std::complex<double> const &a, std::complex<double
浏览 1提问于2012-02-13得票数 2
6回答
我在jQuery.form.js源代码中看到了这一行：
g && $.event.trigger("ajaxComplete", [xhr, s]);
我的第一个想法是wtf?？
我的下一个想法是，我不能决定这是丑陋的还是优雅的。
我无论如何都不是Javascript专家，所以我的问题有2个方面。首先，我想确认我正确地理解了它。上一行是否等同于：
if (g) {
$.event.trigger("ajaxComplete", [xhr, s]);
}
其次，这在Javascript中是常见的/公认的实践吗？一方面它是简洁的，但另一方面，
浏览 3提问于2011-02-19得票数 28
回答已采纳
我在我的react应用程序中使用了第三方库'FoamTree‘来实现树的可视化。当我在我的组件中导入它的文件'carrotsearch.foamtree.js‘时，它在多行中给出了这个错误： Expected an assignment or function call and instead saw an expression no-unused-expressions 它在普通的Javascript中运行良好。它只在react中导入时才会出现错误，该文件中有很多行给出了这个错误。其中有几个是我要分享的： this.j = function (m, k) {
浏览 80提问于2019-03-25得票数 8
回答已采纳
我正在尝试为一个组件编写一个测试用例。测试用例正在通过。但是JS lint让我很烦。它抛出了一个错误-：应该是一个赋值或函数调用，但却看到了一个表达式
错误将在此处出现: expect(dummyOutput.find('h1.screen-reader-text')).to.exist；
我的完整测试用例代码如下所示。有没有人能帮我解决这个错误？
import React from 'react';
import { shallow } from 'enzyme';
import Page from './page';
con
浏览 3提问于2017-07-20得票数 1
3回答
我有一个react组件(为了演示这个问题，对它进行了简化)：
class MyComponent extends Component {
handleNameInput = (value) => {
this.searchDish(value);
};
searchDish = (value) => {
//Do something
}
render() {
return(<div></div>)
}
}
现在，我想测试handleNameInput()是否使用提
浏览 55提问于2017-01-24得票数 63
回答已采纳
3回答
我正在尝试实现一个非常简单的自定义钩子useOpen，它只返回一个布尔值(isOpen)。我想在基于isOpen状态的App.js中显示或隐藏一些文本。目前，任何东西都没有被渲染，在App.js中尝试console.log(isOpen)得到的结果是未知的。提前感谢！ App.js import React from 'react'
import useOpen from './CustomHooks/useOpen'
function App () {
const {isOpen} = useOpen;
return (
<div classNa
浏览 31提问于2020-08-16得票数 0
回答已采纳
我想用float类型定义一个值；更准确地说，是用squareroot函数定义的。
它应该看起来像这样的#define hyp sqrt(pow(50,2) + pow(50,2))。
但是对于这个值，它似乎不是常量，所以我有一些警告和类型冲突。
为什么它不是恒定的？
是否总是在运行时生成浮点数，并在编译时生成所有整数？
或者这是冲突的，因为sqrt声明必须在函数的某个作用域中？
编辑得更清楚:这些警告是由于定义了sqrt-value #define P + hyp的某些操作造成的，因此我得到了警告。然后将P放入一个数组double arr_ps[] = {P,...}中。整数没有问题，只
浏览 1提问于2013-06-05得票数 1
回答已采纳
当前行为
使用react-native-tab-view v1.0.0时，出现错误：
Invariant Violation: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, o
浏览 36提问于2018-08-31得票数 4
1回答
我有两个简单的反应组件：
// Array.js
import React from 'react'
import PropTypes from 'prop-types'
const factor = 10
const Array = ({array}) =>
<div className="array">
{array.map(v => v * factor)
.map((h, i) => <Column key={i}
浏览 3提问于2017-10-29得票数 2
回答已采纳
2回答
处理HTTP请求失败
、、、
我有一个对服务器的http请求：
this.http.post('http://192.168.1.45:3000/testrestapi', 'user=username', {
headers: headers
})
.retry(1)
.timeout(5000)
.map(res => res.json())
.subscribe(data => {
console.log('response is ready');
}), (err) => {
console.log(&
浏览 2提问于2016-03-25得票数 0
我正在尝试在服务器端使用hapi.js编写一个基本的react应用程序。我对使用webpack和巴别塔还是个新手。我的react组件App.jsx如下：
import React from 'react';
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
response: ''
};
}
componentDid
浏览 14提问于2018-02-19得票数 4
回答已采纳
3回答
我正在开发一个react应用程序，我必须将日期格式化为DD-MM-YYYY格式，并将其作为参数发送到我的应用程序接口。 下面是我的代码： const params = this.props.listParams;
const startDate = params.start_date.format('YYYY-MM-DD');
const endDate = params.end_date.format('YYYY-MM-DD');
params.start_date = startDate;
params.end_da
浏览 33提问于2021-09-30得票数 0
我有这个错误，我以前没有这个错误：不变冲突:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
此错误位于:在连接中(在LoginForm.js:75)
render() {
const { inputStyle, containerStylePass, containerStyleIdent, barStyle, textInputStyle } = styles;
return (
<View>
<View&g
浏览 0提问于2018-05-21得票数 12
回答已采纳
我将一个对象作为参数传递到React组件的构造函数中。然后，我想调用该对象的一个函数，但得到以下错误消息：
Uncaught TypeError: _this.layout.getWbsLayout is not a function
at new Wbs (Wbs.tsx:50)
at react-dom.js:4749
at measureLifeCyclePerf (react-dom.js:4529)
at ReactCompositeComponentWrapper._constructComponentWithoutOwner (react-dom.
浏览 1提问于2017-03-13得票数 6
回答已采纳
我正在阅读一些代码，我看到了一个如下所示的比较：
a = b = c
既然搜索Javascript中的相等或比较会产生补救结果，有人愿意解释一下到底是怎么回事吗？
编辑:这些都是我们在这里讨论的对象或对象属性，应该已经指定。
双重编辑:这是在Object.defineProperties()代码块中。
浏览 2提问于2012-09-21得票数 4
回答已采纳
2回答
点击反应钩子网站主页上的more...链接，就能成功地显示帖子。但是当我看n/w选项卡时，有些东西看起来不太好。我可以看到系统不断向内容网站发送获取请求。知道为什么系统会发送无限的get请求吗？有谁能告诉我。
URL: https://cdn.contentful.com/spaces/space_id/environments/master/entries?fields.slug=api-testing-using-postman&content_type=course
Request Method: GET
client.js
import * as contentful from
浏览 3提问于2020-10-20得票数 0
回答已采纳
我看到了这个：
std::tie(iter, inserted) = set_of_s.insert(value);
来自
std::tie应该返回一个rvalue元组，但随后将应用赋值运算符。这是怎么回事？我以为赋值运算符只能适用于lvalue？
浏览 1提问于2014-01-23得票数 0
回答已采纳
2回答
我在我的Navbar.js组件中有一个菜单栏的onclick函数，我想在我的App.js中调用它，这样当我切换菜单栏时，我就可以将我网站中的一些特定页面向右移动。 这是我的App.js，在div中className为mainpage的路径是我在切换菜单栏时想要移动的路径/页面 function App() {
return (
<AuthProvider>
<Router>
<PrivateRoute path="/" component={Navubaru}/>
<di
浏览 29提问于2021-10-22得票数 0
回答已采纳
我已经通过使用React上下文创建了状态，但是当我试图更新子组件中的状态属性时，它不起作用，有时语法错误--一些时间逻辑错误--有人能帮我吗？
in App.js
const [car, setCar] = useState();
<AuthContext.Provider value={{ car, setCar }}>
<NavigationContainer>
{car ? (
<CustomerHomeStackNavigator />
浏览 17提问于2022-06-07得票数 1
回答已采纳
我正在遵循一个教程的反应。我已经创建了我的第一个组件，并期待看到组件在我的应用程序主页，但我没有，我也没有任何错误。
在我的homePage.Js (这是我正在尝试呈现的组件)中，我有：
var React = require('react');
var Home = React.createClass({
render: function(){
return(
<div className="jumbotron">
<h1>Administration</h
浏览 0提问于2018-03-18得票数 0
1回答
目标：
在Testtt.js网页上显示名为数据(来自状态管理)的变量的值
问题：
我犯了两个错误：
1.
当我应用url "“时，会得到一个错误，即‘无法读取未定义的属性’匹配‘。
2.
网页"“创建了一个奇怪的url，即"”。
当变量是一个数字时，我不知道怎么可能这样做。
我不知道怎么解决它，我错过了什么部分？
斯塔克布利茨：
信息：
我是ReactJS的新手
谢谢!
app.js
import React from 'react';
import './style.css';
import React, { Component }
浏览 1提问于2021-08-07得票数 1
回答已采纳
我有页面(MyNotes.js)，它显示了所有针对该用户的注释。因此，当按下按钮查看详细信息时，用户将被重定向到另一个页面(NoteDetail.js)，在该页面中，我将传递特定于该特定注释的id。在重定向页面中，在id的帮助下，我调用一个api并填充数据。但是现在，如果用户将后退按钮按到上一页(MyNotes.js)，我将得到以下错误
MyNotes.js:30 Uncaught TypeError: notes.map is not a function
at MyNotes (MyNotes.js:30:1)
at renderWithHooks (react-dom.d
浏览 7提问于2022-03-07得票数 0
回答已采纳
我想知道为什么在事件侦听器回调函数中使用三元操作符不能工作，但是完整的if语句工作得很好。获得第一个代码的错误消息(“期望一个赋值或函数调用，而不是看到一个表达式”)。
import React, { useState } from "react";
const App = () => {
const [count, setCount] = useState(0);
const addCount = () => {
setCount(count + 1);
};
const removeCount = () => {
c
浏览 1提问于2022-09-30得票数 0
2回答
我正在浏览这篇关于函数声明和函数表达式之间的区别的博客。
它给出了这两个例子。他们称第一个为“匿名函数表达式”，第二个为“命名函数表达式”。
// anonymous function expression
var a = function(){
return 3;
}
// named function expression
var b = function bar(){
return 3;
}
我在Chrome的JS控制台中测试了这两个，我看到了以下内容：
a()
=> 3
b()
=> 3
bar()
=> bar is not defined
我的问
浏览 4提问于2013-10-11得票数 4
2回答
我一直在尝试解决下面的错误，但找不到真正的原因。我浏览了所有与类似错误相关的解决方案，但都没有回答我的问题。
有人能帮我解决这个问题吗？
Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
at inv
浏览 2提问于2019-04-03得票数 0
我正在React.js中制作一个todo应用程序，但在这个部分被卡住了。我无法输入输入字段。请帮帮我。
import React, { Component } from 'react';
导出默认类AddItem扩展组件{ state ={ title：""，已完成: false }
changeTitle = (e) =>{
e.preventDefault();
this.setState = ({
title: e.target.value
});
}
addNewItem = (item) => {
浏览 1提问于2019-11-26得票数 0
回答已采纳
1回答
在react本机呈现函数中，我尝试编写如下内容：
render(){
return (
<View>
{let a=5}
</View>
)
}
我以为我可以在那里编写任何JS代码，但这似乎是一个错误。有人能解释原因吗？
浏览 4提问于2017-10-22得票数 1
回答已采纳
因此，我进入了非常基本的组件的Reactjs。我从不同的函数中输出相同的状态，但我看到的是不同的值。
import React, { useState, useEffect, useRef } from "react";
const Test = props => {
const [count, setCount] = useState(0);
useEffect(()=>{
setInterval(() => {
console.log("count in interval is:", count);
浏览 3提问于2019-11-01得票数 5
回答已采纳
这行回文来自1987年的IOCCC：
...is导致TCC 0.9.27在默认编译过程中没有问题，并按预期工作。
然而，即使在-std=c89模式下，GCC 9.3.0也抱怨(int) (tni)的以下实例不是左值：
for (; (int) (tni);)
(int) (tni) = reviled;
^
(lvalue required as left operand of assignment)
...
for ((int) (tni)++, ++reviled; reviled * *deliver; deliv
浏览 4提问于2020-10-15得票数 1
我试图让ContextAPI在我的应用程序上工作，webpack编译所有东西，但是在浏览器上
未曝光的react__WEBPACK_IMPORTED_MODULE___.useContext(...)：TypeError不可迭代
这是我第一次尝试在项目中使用ContextAPI。
论index.js
ReactDOM.render(
<React.StrictMode>
<Router>
<RoutesTree />
</Router>
</React.Str
浏览 12提问于2022-06-02得票数 1
回答已采纳
我将按照下面的教程为我的登录应用程序创建一个令牌系统。 https://www.digitalocean.com/community/tutorials/how-to-add-login-authentication-to-react-applications 下面是我的代码： App.js： import logo from './logo.svg';
import './App.css';
import "bootstrap/dist/css/bootstrap.min.css";
import useToken from './c
浏览 18提问于2021-08-01得票数 1
回答已采纳
1回答
我试图访问类型记录中嵌套对象的属性(使用了角)，但我得到了:对象可能是“未定义的”。这是我写的代码：
export interface adress{
city?: string;
neighborhood?: string;
}
export interface programming{
backend?: string;
frontend?: string;
}
export interface nestedObject{
firstName?: string;
lastName?: string;
completeAdress?: Array<adr
浏览 4提问于2022-07-04得票数 0
在我的React中，我正经历着奇怪的行为。当我将费用添加到存储区时，删除方法deleteExpense将自动被调用，从而删除我添加的最后一项。如果我将this.setState从updateExpense方法中删除，则不会发生这种情况。不知道为什么会发生这种事。以下是代码：
App.jsx：
import React from 'react';
import { observer } from 'mobx-react';
import DevTools from 'mobx-react-devtools';
import ExpenseStor
浏览 9提问于2017-04-18得票数 0
回答已采纳
1回答
我试图使用API调用更新React.js中的状态，因为我需要向最终用户显示一些数据。api调用通过localhost:5001工作，并存储在基于火的函数中。
import React, { Component } from 'react'
import './Table.css';
class Table extends Component {
constructor (props)
{
super(props);
this.state = {
stocks: []
};
}
compone
浏览 1提问于2021-05-29得票数 0
回答已采纳
我正在练习C语言，我发现了一个在case语句中使用算术运算符的程序。但是我知道算术运算不能在这样的地方使用。
那么这个程序是如何工作的呢？
#include <stdio.h>
int main()
{
int ch = 'a' + 'b';
switch (ch) {
case 'a':
case 'b':
printf("You entered b \n");
case 'A':
浏览 26提问于2021-09-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
