上下文是react中的保留关键字吗？
上下文是React中的保留关键字，它在React中扮演着重要的角色。上下文（Context）是一种在组件树中共享数据的机制，可以避免通过逐层传递props来传递数据的繁琐过程。
在React中，上下文由两部分组成：上下文提供者（Context Provider）和上下文消费者（Context Consumer）。上下文提供者通过定义上下文并将数据传递给子组件，而上下文消费者则可以在组件树中的任何位置访问这些数据。
上下文的主要优势在于简化了组件之间的数据传递，尤其是对于深层嵌套的组件结构。它可以避免将数据逐层传递给每个子组件，而是直接在需要的地方获取数据。这样可以提高代码的可读性和可维护性。
上下文在以下场景中非常有用：
- 主题设置：可以使用上下文在整个应用程序中共享主题样式。
- 用户身份验证：可以使用上下文在应用程序中共享用户身份验证状态。
- 多语言支持：可以使用上下文在应用程序中共享当前语言设置。
- 全局状态管理：可以使用上下文在应用程序中共享全局状态，如购物车内容或应用程序配置。
腾讯云提供了一些相关的产品和服务，如云函数（Serverless Cloud Function）和云开发（Tencent Cloud Base），它们可以与React上下文一起使用，以实现更好的开发体验和性能优化。您可以在腾讯云的官方网站上找到更多关于这些产品的详细信息和文档。
参考链接：
相关·内容
1回答
我试图监听键盘开/关事件，使用键盘模块从‘react本机’，侦听器工作，但在接收器，我不能访问状态，因为‘这’引用的是全球得分，而不是这个组成部分的‘I’。
export default class SignupEmailScreen extends React.Component {
constructor(props) {
super(props);
this.state = {
emailText: '',
continueTextFadeAnim: new Animated.Val
浏览 1提问于2017-10-22得票数 3
回答已采纳
我遇到了一个奇怪的问题，在我的React中，外部链接的<a>锚不能像预期的那样在移动视图中运行。最初，单击外部链接在移动设备上运行良好，启动一个新的选项卡，但是随后的链接单击相同的选项卡，或者其他<a>元素不会导致任何事情发生。
这是奇怪的，因为这是很好的工作，如预期的桌面和更大的视图。
下面是我如何在组件中使用锚的一个示例：
import React from "react";
import Col from "react-bootstrap/Col";
import Row from "react-bootstrap/Row&
浏览 2提问于2021-07-30得票数 0
回答已采纳
1回答
用函数运行函数
、、
我正在尝试调用其他函数中的函数。
因此，如果我这样做，它就会工作:我在这里所做的一切都是来自我的SearchUpdater(text)函数调用Updater函数，而且它可以工作。
class Search2 extends React.Component {
constructor(props) {
super(props);
const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
this.state = {
dataSource: ds.clone
浏览 2提问于2016-09-03得票数 1
回答已采纳
在JavaScript中，不能将保留的单词用作变量、标签或函数名。坚固性也有同样的限制吗？
我想知道以下来自Solidity文档的示例：
pragma solidity ^0.4.0;
contract Coin {
// The keyword "public" makes those variables
// readable from outside.
address public minter;
mapping (address => uint) public balances;
// Events allow ligh
浏览 0提问于2016-11-17得票数 2
var不是C#中的关键字吗？但是为什么我可以这样做：
public class var { }
public class main
{
public static void main(string[] args)
{
var testVar = new var();
}
}
代码中使用的var是在main类之前声明的var类。编译器甚至不会抱怨。
而当我这样做的时候：
public class int { }
或者这样：
public class true { }
编译器说int或true是一个关键字，不能那样使用。为什么与var不一样？
浏览 0提问于2012-05-11得票数 103
回答已采纳
如果value是C#中的关键字，并且关键字不能用作变量、类、接口等的名称(标识符)。
如何仍然可以将value用作变量？
public static void Main(string[] args)
{
int value =2;
Console.WriteLine(value);
}
浏览 0提问于2019-04-28得票数 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
回答已采纳
4回答
函数调用
、、
我试图在类中调用函数，但与下面的语法混淆。
为什么在调用函数时需要使用绑定方法？
为什么没有执行箭头函数？
import React, { Component } from 'react'
import { Text, View } from 'react-native'
//arrow function not getting executed!
myFun = data => {
console.warn(data);
}
myFun(data){
console.warn(data);
}
class Hello extends
浏览 9提问于2019-11-17得票数 1
如果有一个非常明显的解决方案，我提前道歉，但我对React.js非常陌生。 我正在使用google-translate api构建一个简单的翻译器，component.The文本输入存储在状态中并由translateInput()使用，然后我想用翻译后的文本设置状态。不幸的是，我不能，但是我可以console.log由googleTranslate函数返回的值。为什么会发生这种情况？我必须以某种方式绑定回调函数吗？ 谢谢! import React, { Component } from "react";
import { googleTranslate } from
浏览 13提问于2019-09-14得票数 0
回答已采纳
我知道PostgreSQL没有将密码列为中的保留关键字。
然而，当我用pgadmin写它时，它是大胆的和强调颜色的。
浏览 1提问于2021-05-22得票数 0
回答已采纳
1回答
我在React中实现了一个树形视图。树视图具有拖放功能，其中节点可以在父级之间来回移动。
考虑到这一点，当React协调我的组件树时：
<TreeNode key="item1">
<TreeNode key="item2"/>
<TreeNode key="item3"/>
<TreeNode key="item4"/>
</TreeNode>
类似这样的东西：
<TreeNode key="item1">
&
浏览 0提问于2017-02-15得票数 2
6回答
我只是发现自己心不在在地使用from作为标识符。
我意识到可以使用@来转义标识符名，并因此使用保留字，但我不明白为什么在这种情况下我没有得到警告或错误。
我不想将保留字用于任何目的，但我不想再犯类似的错误，我想知道在某些情况下不保留的语言关键字背后的理由。
浏览 0提问于2010-12-03得票数 8
回答已采纳
在bootstrap react中导入css文件。
对于导航，将使用额外的header.css文件。在不带react的bootstrap中，我按如下方式嵌入文件：
<Nav class="navbar-abc-header navbar-default navbar-fixed-top">
在bootstrap react中，此条目不起作用。
render ( ) {
return (
<Navbar navbar-abc-header fixedTop>
...
浏览 7提问于2016-09-22得票数 1
我试着研究了一下发生了什么，发现在tick()函数中使用箭头函数可以解决这个问题，但我不明白为什么。有谁能解释一下吗？ import React from "react";
import ReactDOM from "react-dom";
class Clock extends React.Component {
constructor(props) {
super(props);
this.state = { date: new Date() };
}
component
浏览 22提问于2020-06-18得票数 0
我在heroku上使用postgres和一个节点应用程序。我正在连接到我的数据库，没有问题，我可以查询我的所有其他表，没有问题，select * from org;工作得很好。我的问题是查询用户，这显然被称为user，select * from user似乎是返回postgres数据库用户名。如果我使用select * from public.user，我会得到我创建的用户列表。有没有一种只使用user的方法？我肯定我错过了一些简单的东西。
浏览 1提问于2016-02-04得票数 0
由于某种原因，我收到错误消息"TypeError：_this2.setState不是一个函数“
在我的代码中：
import React, {useEffect, Component} from 'react';
import {View, Text} from 'react-native';
import firebase from '@react-native-firebase/app';
import auth from '@react-native-firebase/auth';
import firestore
浏览 55提问于2020-05-05得票数 0
回答已采纳
我的应用程序从Firebase数据库中检索数据，并试图将其加载到“状态”中，但get错误“无法读取未定义的属性setState”。
我试图在构造函数中添加绑定，但它不起作用
import React from 'react';
import { View } from '@vkontakte/vkui';
import * as firebase from "firebase/app";
import {config} from './dbinit' // import firebase config
import "
浏览 0提问于2019-06-24得票数 0
回答已采纳
当我想得到React中的ref值时，我遇到了一个问题。
class Views_Find_Find extends React.Component {
constructor(props){
super(props);
this.state = {value: ''};
this.handleChange = this.handleChange.bind(this);
this.handleClick = this.handleClick.bind(this);
this.handleRe
浏览 2提问于2017-03-10得票数 1
回答已采纳
这让我感到惊讶:我能够声明一个名为record的变量，尽管它现在已经成为一个关键字。看看这个：
public class Main {
static class Foo {
void bar() { System.out.println("Foo.bar"); }
}
record R (int a) {}
public static void main(String[] args) {
Foo record = new Foo();
record.bar();
浏览 9提问于2021-11-12得票数 11
回答已采纳
2回答
我想将一个状态传递到一个axios请求中，以便状态数据进入我的后端。但是我得到一个错误，告诉我我选择的状态没有定义。
我要说的是：
反应前部
import React, { Component } from "react";
import Axios from "axios";
class Gluecksrad extends Component {
constructor(props) {
super(props);
this.state = {
spieler: "",
};
}
浏览 4提问于2022-03-02得票数 0
1回答
接听了。
因此，我的任务是为http请求构建TodoService类。我正在调用TodoService类方法的实例化-> getAllTodos，这反过来是调用扩展方法get(config)。我不知道todoService.getAllTodos会返回一个承诺。另外，我还将todoService.getAllTodos作为第二个参数从React查询库传递给useQuery React钩子。问题:如果在useQuery钩子内部传递回调，返回被调用的todoService.getAllTodos --所有工作--我从服务器接收数据，如果我只传递要调用的todoService.getAllTo
浏览 3提问于2022-10-25得票数 0
我在index.js文件中得到了这个重复错误：
'default‘被限制为导出名称，不受限制-导出。
页面/ index.js
export { default } from './test';
页面/ test.jsx
import React from 'react';
const Test = () => {
return <div>Test</div>;
};
export default Test;
routes.js
import React from 'react';
import {
浏览 6提问于2022-03-30得票数 0
我需要设计一个类，其中一个属性名必须是return，但是当我创建一个像return这样的属性名时，我会得到一个错误。
经过一些研究，我发现可以通过在C#中添加@前缀，或者在VB.NET中将其括在方括号[]中，将保留关键字用作属性或变量名。例如：
var @class = new object();
下面是我的类设计代码。
public class Person
{
string _retVal;
public string @return
{
get { return _retVal; }
set { _retVal = value;
浏览 0提问于2012-06-06得票数 8
回答已采纳
1回答
我在使用redux表单，在成功的服务器响应( res 200)之后，我想重定向到其他页面。下面是我的类LoginForm的完整代码：
class LoginForm extends React.Component {
state = {
redirectToNewPage: false
}
handleSubmit=({email='',password=''})=>{
let error={};
let isError=false;
if(email.trim()===''){
浏览 3提问于2017-05-18得票数 1
我对ReactJS和Material UI非常陌生。我尝试在一个方法中使用我的LeftList ES6类的上下文，该方法由孩子的onItemTap事件调用。
class LeftList extends React.Component {
constructor(props, context) {
super(props, context);
console.log('constructor:');
console.log(context);
this.state = { menuItems: [] };
}
render() {
浏览 2提问于2015-09-18得票数 0
在Heinz的通讯“”的最后一期中，可以看出var在Java10中不是一个保留字，因为您还可以使用var作为标识符：
public class Java10 {
var var = 42; // <-- this works
}
但是，您不能使用即assert作为标识符，就像在var assert = 2中一样，因为assert是一个保留字。
正如链接通讯中所告诉的那样，var不是一个保留词这一事实是个好消息，因为这允许使用var作为标识符的早期版本的代码在Java 10中编译而不会出现问题。
那么，var是什么呢？它既不是语言的显式类型，也不是保留词，因此它被允许成为标识符，但
浏览 2提问于2018-03-03得票数 21
回答已采纳
3回答
我还是个新手，在react native上工作，我使用了一个RkButton，然后在点击按钮时更新状态。代码是这样的。
render() {
const { user } = this.props;
let navigate = this.props.navigation.navigate;
let items = MainRoutes.map(function (route, index) {
return (
<RkButton
rkType='square'
key=
浏览 1提问于2018-04-15得票数 2
出于所有明显的原因，我不喜欢用保留字(即Set)命名对象。
因此，当SSMS用蓝色高亮一个单词时，我会重新考虑我对对象的命名。
每隔一段时间，我就会看到一个突出显示的单词，它似乎不在保留字的列表中。在这种情况下，单词pool。
SSMS是否使用更严格的惯例来突出保留的单词？
浏览 0提问于2016-09-03得票数 1
回答已采纳
这是我的反应课：
class Test extends React.Component {
constructor(props) {
super(props);
// bind functions
this._onClick = this._onClick.bind(this);
this._onMouseMove = this._onMouseMove.bind(this);
document.addEventListener("keydown", this._handleKeyDow
浏览 0提问于2019-07-30得票数 2
回答已采纳
这是一个未完成的类版本，但是Typehead类的完成版本应该打印出与输入匹配的道具中的选项列表-基本上是一个自动完成函数。我遇到的问题是，当我调用handleChange方法时，出现错误"cannot read property 'setState‘of undefined“。代码如下：
import React from 'react'
export default class Typehead extends React.Component {
constructor() {
super()
this.state = {}
}
浏览 17提问于2017-07-29得票数 1
回答已采纳
应用程序组件：
import React,{createContext} from "react";
import "./style.css";
import A from "./A";
export const userContext =createContext();
function App() {
return (
<userContext.Provider name={"samuel"}>
<di
浏览 1提问于2021-03-20得票数 3
回答已采纳
var B = React.createClass({
render: function() {
return (
<div>
<input type="button" onClick={this.props.saveFunction} />
</div>
);
}
});
var A = React.createClass({
render: function() {
return (
<
浏览 0提问于2015-12-03得票数 2
我使用的是next.js、react和typescript。
当我使用switch作为变量名时，我得到一个typescript错误。
我如何避免这个错误？
'switch' is not allowed as a variable declaration name.ts(1389)
const Template: Story = (args: AtomSwitchProps) => <Switch {...args} />;
export const switch = Template.bind({});
switch.args = {
};
浏览 0提问于2021-04-02得票数 1
首先，它不是的副本
因为group不是保留的关键字。
我写了一些代码，resharper建议我在变量group之前添加@。
知道为什么吗？
var group = GetDefaultGroup(ClientServiceCommon.Poco.Group);
filteredPairs = @group.Pairs.ToList();
浏览 4提问于2013-02-12得票数 7
回答已采纳
3回答
我是Flex和Bison的newby，我尝试过编写Flex词法扫描器，然后编写Bison语法，但我遇到了以下问题：
一个单词有时可以与Flex定义中的不同定义匹配，我希望Bison从它的语法中找到一个好的Flex定义。
例如，如果abc一词在Flex中可以被视为category1或category2，我希望Bison选择category1，如果它在Bison语法中显示为category1，而在category2中不正确；但是如果它在category1而不是category2时显示为语法错误，那么Flex应该将它归类为category2。
有办法这样做吗？还是我完全误解了Flex和B
浏览 3提问于2013-01-12得票数 4
1回答
当不需要任何参数时，handleButtonPress函数在以下示例中工作.
import React, { Component } from 'react';
import {View, Text, TouchableOpacity} from 'react-native';
export default class MyComponent extends Component {
constructor(props){
super(props)
this.state = {message:"HELLO"}
this
浏览 3提问于2016-10-17得票数 0
回答已采纳
基于：C#关键词
关键字是预定义的保留标识符，对编译器具有特殊意义。
并且基于：语境关键词
上下文关键字用于在代码中提供特定意义，但它不是C#中的保留词。
对于关键字new，我们有多个使用它的情况，例如：
//One situation for create an instance of class:
StringBuilder sr=new StringBuilder();
//Another situation for method hiding in polymorphism subject of OOP:
public new void Foo()
{
//Some Code
浏览 0提问于2014-12-22得票数 0
回答已采纳
我在用TypeScript编写的React组件中更新状态时遇到了问题(使用加载项0.13.3，类型记录1.6.0-dev.20150804，来自的定义文件)。
/// <reference path="react/react-addons.d.ts" />
import React = require("react/addons");
interface AppState {
}
interface TestState {
liked: boolean,
name: string
}
class Tester extends R
浏览 2提问于2015-08-12得票数 18
回答已采纳
1回答
我在bash的parse.y中看到了以下内容。这意味着词法分析将依赖于上下文。如何使用flex来做这样的上下文依赖分析？这种依赖于上下文的需求会让flex代码变得太混乱吗？谢谢。 http://git.savannah.gnu.org/cgit/bash.git/tree/parse.y#n3006 /* Handle special cases of token recognition:
IN is recognized if the last token was WORD and the token
before that was FOR or CASE or SELECT.
浏览 21提问于2019-02-14得票数 1
2回答
我用静态名称重命名了一个类，我有编译时错误。
public class static
{
}
错误CS0116名称空间不能直接包含成员，例如字段或
浏览 4提问于2017-12-14得票数 0
这是我的index.js
const customContext = React.createContext(context)
render(
<Provider store={store}>
<ConnectedRouter history={history} context={customContext}>
<Route render={() => <App context={customContext} />} />
</ConnectedRouter>
</Provider>
浏览 1提问于2020-05-18得票数 1
10回答
关键字和保留词有什么区别？
例如，在中可以读取以下语句：
该建议引入了五个新关键字:概念、概念映射、位置、公理和延迟检查。所有这些关键字也将保留单词。
浏览 23提问于2009-07-03得票数 56
回答已采纳
我不能为上帝的爱在这上面找到任何东西，或者我只是不知道到底该寻找什么。我是新的反应和反应本地人，我需要帮助我的RN项目。我要做的是在组件auto_login()中调用一个函数MainLogic。该函数如下所示，并放置在module.exports中
auto_login: function(navigator){
if(GLOBALS.LOGGED_IN != true){
Keychain
.getGenericPassword()
.then(function(credentials){
fetch(GLOBALS.API_URL
浏览 0提问于2017-01-03得票数 0
回答已采纳
我遵循设置android的需求，并启动了一个带有react本机的项目。当我试图使用命令react-native run-android运行应用程序时，它会一直显示此错误，然后退出该进程。
/path/to/native/android/app/src/main/java/com/native/MainActivity.java:1: error: <identifier> expected
package com.native;
^
浏览 0提问于2015-09-19得票数 31
我写了下一段代码：
class Data extends React.Component {
constructor(props) {
super(props);
this.state = { checked: true };
}
changeF() {
this.setState({ checked: !this.state.checked });
}
render() {
var message;
if (this.state.checked) {
message = "checked";
浏览 2提问于2019-07-26得票数 0
(在React编码中)每当我单击屏幕时，我都希望通过使用OnClick事件来计算某些内容。为此，我从互联网上获得了如下示例代码，
<div className="sample" onClick={this.handleClick.bind(this)}>
handleClick方法和<div>驻留在同一个方法中。有人能解释为什么这里需要绑定，为什么不直接调用handleClick()方法而不使用out绑定？
浏览 5提问于2017-06-30得票数 0
回答已采纳
我正在构建我的第一个Reactive原生应用程序，我遇到了一个连接到redux商店的问题(我还没有太多的redux经验)。我在用世博会。
错误是：
不变违规:无法在"Connect(App)“上下文中找到"store”。或者将根组件包装在连接选项中，或者将自定义的React提供程序和相应的React使用者传递给connect选项中的Connect(App)。
此错误位于: in Connect(App) (at withExpoRoot.js:22) (.)
这是我的代码：
你能帮忙吗？
// App.js
import React, { Component } fr
浏览 0提问于2019-03-26得票数 1
回答已采纳
1回答
目前，我正在将当前的项目转移到一个新的项目中，其中使用了react。我确实想做一个简单的方法/函数，但我没有让它起作用。
该按钮是在其他地方创建的，我无法在drawing.js类(屏幕快照)中这样做。这是因为它需要在一个div与其他按钮。
因此，我尝试调用该按钮并添加一个事件，但我得到了该方法未定义的消息。
我怎么才能解决这个问题？我基本上是想建立和调用一个方法。
import React, { Component } from 'react';
import * as THREE from 'three';
class Drawing exte
浏览 0提问于2018-02-26得票数 0
回答已采纳
1回答
我用Webpack编写了一个javascript库。入口点someClass.js如下所示： import x from './x'
/* several more imports here */
class SomeClass {}
export default SomeClass; 我捆绑这个库的webpack配置如下： module.exports = {
entry: './someClass.js',
output: {
path: __dirname,
filename: 'lib.js&
浏览 76提问于2019-02-22得票数 14
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
