腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
React本机增量状态onPress
javascript
、
react-native
我刚开始学习React / React Native,遇到了以下问题。单击<TouchableWithoutFeedback>元素时,视图不会递增。 代码如下: class SingleHabit extends Component { constructor() { super(); this.state = {count: 0}; } _incrementCount() { this.setState = ({ count: count + 1 }); } render () { return (
浏览 1
提问于2017-05-19
得票数 1
回答已采纳
1
回答
与另一个组件的状态交互
javascript
、
reactjs
、
ecmascript-6
我有一个简单的React计数器,它有一个h2,它显示一个从0开始的计数,它有三个按钮:增量1、减少1和重置计数。 在这个应用程序中,计数将是状态,因为这是一个很小的例子,所以只创建一个组件是有意义的,例如: const body = document.querySelector("body"); class Counter extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; this.increm
浏览 0
提问于2018-07-07
得票数 1
回答已采纳
3
回答
正确使用回调函数和理解箭头表示法
javascript
、
reactjs
、
arrow-functions
在我的increaseCount方法中,我有3种不同的方法来增加计数。我认为第一种方法可以使用两次,但它不起作用,因为它似乎合并了回调中的setState。使用回调函数的正确方法是什么?为什么箭头表示法有效?prevState.count是如何定义的?它从未被设置为0。 import React from "react"; import { render } from "react-dom"; const styles = { fontFamily: "sans-serif", textAlign: "center"
浏览 1
提问于2018-03-21
得票数 0
回答已采纳
2
回答
如何从另一个react类组件调用方法?
reactjs
试着学习如何做出反应,对如何在单击时调用另一个组件有点困惑。 我的按钮组件: import React from 'react'; import Header from '.././Header.js' class Login extends React.Component { render() { return ( <div className='Login'> <button id='login' onClick={ Header.in
浏览 2
提问于2021-09-16
得票数 0
回答已采纳
2
回答
如何在箭头函数中使用此关键字
reactjs
、
arrow-functions
据我所知,我们不能在箭头函数中使用this关键字。然而,在反应中,我看到这是可能的。我在想这怎么可能。示例: class Example extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } render() { return ( <div> <p>You clicked {this.state.count} times</p> &l
浏览 2
提问于2020-12-03
得票数 1
2
回答
为什么在本例中不需要绑定?
reactjs
、
binding
试图找出反应的基本原理。 查看这个页面上的第二个示例:,我看到tick()函数设置了Timer类的状态,将前面的值递增一个。 class Timer extends React.Component { constructor(props) { super(props); this.state = {secondsElapsed: 0}; } tick() { this.setState((prevState) => ({ secondsElapsed: prevState.secondsElapsed + 1 })); }
浏览 2
提问于2017-01-26
得票数 5
回答已采纳
1
回答
我把一个函数移到了教室外面,然后做了const。现在这个函数不能工作了。
reactjs
、
class
、
constants
、
setstate
我将函数addONe移到类计数器之外。在这样做后,函数addOne不再工作,但在另一方面,我没有收到任何错误。我的问题是,我做错了什么,const addOne不起作用? import React from 'react'; const addOne = () => { this.setState((prevState) => { return { count: prevState.count + 1 } }) } export defaul
浏览 0
提问于2019-02-07
得票数 0
回答已采纳
4
回答
响应setState在componentDidUpdare中导致最大更新深度超过
javascript
、
reactjs
、
setstate
、
react-lifecycle
我得到了 错误:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时,就会发生这种情况。React限制嵌套更新的数量,以防止无限循环。 但是,我所读到的应该能够在componentDidMount中调用componentDidMount,而不会出现错误。 class MyComponent extends Component { constructor(props) { super(props); this.state = { matchtedProducts:
浏览 3
提问于2020-12-10
得票数 2
回答已采纳
3
回答
使用哪种ReactJS语法;React.createClass扩展还是ES6扩展?
syntax
、
reactjs
、
ecmascript-6
、
react-jsx
我是ReactJS的初学者。我在不同的网站上学习和研究了很多文档和电子书。我知道ReactJS有两种语法。示例: React.createClass({ displayName: 'Counter', getDefaultProps: function(){ return {initialCount: 0}; }, getInitialState: function() { return {count: this.props.initialCount} }, propTypes: {initialCount: React.PropTyp
浏览 3
提问于2016-01-28
得票数 8
2
回答
正确使用反应型getDerivedStateFromProps
reactjs
在这个例子中 class Counter extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } static getDerivedStateFromProps(nextProps, prevState) { console.log("nextProps", nextProps, "\nprevState", prevState) if(nextProps.count !== prevState
浏览 3
提问于2018-05-25
得票数 3
回答已采纳
2
回答
为什么我会收到这个错误"TypeError:无法读取未定义的属性值“
reactjs
这是我的代码,类计数器正在调用类计数器。我正试着学习youtube的教程:。 这是我的代码: import React, { Component } from 'react'; import Counter from './counter'; class Counters extends Component { state = { counters: [ { id: 1, value: 4}, { id: 2, value: 0}, { id: 3, value
浏览 3
提问于2019-01-21
得票数 0
回答已采纳
20
回答
React -未捕获TypeError:无法读取未定义的属性“”setState“”
javascript
、
reactjs
我收到以下错误 未捕获TypeError:无法读取未定义的属性“”setState“” 即使在构造函数中绑定增量之后也是如此。 class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this); } delta() { this.setState({ co
浏览 161
提问于2015-09-01
得票数 397
回答已采纳
3
回答
如何在React中绑定函数和钩子?
javascript
、
reactjs
、
react-native
、
react-hooks
基本上,我们在构造函数中绑定事件处理函数,或者在React类组件中将它们作为箭头函数,如下所示 class Test extends Component{ constructor(props){ super(props); this.state = { count:0 }; this.setCount = this.setCount.bind(this); } setCount() { this.setState({count: this.state.count + 1}); } render() { return <but
浏览 1
提问于2018-11-09
得票数 26
回答已采纳
4
回答
如何使用ES6将状态保持在React组件中
javascript
、
reactjs
我试图在ES6中使用有状态的React组件,但是当我定义构造函数时,构造函数只会被调用一次,而组件会被多次呈现(来自它的父构造函数)。示例如下所示。 class SubComponent extends React.Component { constructor(props) { super(props); console.log("Creating sub component"); this.state = { count: props.count }; } render() { console.log("Renderin
浏览 1
提问于2016-01-04
得票数 0
回答已采纳
1
回答
TypeError:未定义不是对象(计算“”_this3.state.bind“”)
javascript
、
react-native
、
navigation
、
state
、
setstate
App.js代码: import React from 'react'; import { View, Text, Button, StyleSheet } from 'react-native'; import { createAppContainer } from 'react-navigation'; import { createStackNavigator } from 'react-navigation-stack'; class HomeScreen extends React.Component { c
浏览 11
提问于2019-12-07
得票数 1
回答已采纳
3
回答
react在道具更新时不重新渲染
javascript
、
reactjs
、
react-props
、
react-state-management
下面是我的FormEl组件的render方法。 return <div> <button type="button" onClick={this.clicked}>click to add 1 input</button> <Inputs count={this.state.childcount}/> </div> 在clicked方法中,我使用setState将childcount更新1 这是Inputs类 class Inputs extends Re
浏览 19
提问于2018-09-06
得票数 0
回答已采纳
1
回答
nextProps和NextState始终是等效的
javascript
、
reactjs
据我所知,shouldComponentUpdate中使用了nextProps和nextState来根据this.state.someProperty和nextState.someProperty的比较结果来确定组件是否应该重新呈现。如果它们不同,组件应该重新呈现。 这一点很清楚。 然而,这似乎不是正在发生的事情。查看此代码。 class Box extends React.Component { constructor(props) { super(props); this.state = { count: 0 } this.coun
浏览 0
提问于2018-10-17
得票数 2
2
回答
如果我可以直接访问和使用this.props & this.state,那么为什么我必须在react本机中通过构造函数中的超级(支持)调用它们呢?
javascript
、
reactjs
、
react-native
、
ecmascript-6
、
ecma
假设我有一个类组件myPapa,其中不使用任何构造函数或超级() class myPapap extends React.Component{ render(){ this.state = {mom: 'dad'}; this.props.brother = 'sister'; alert(this.state + ' ' + this.props); return( <View> Som
浏览 0
提问于2018-10-01
得票数 2
回答已采纳
2
回答
基于素数检测的反应集状态
javascript
、
reactjs
我需要通过单击一个按钮来改变React组件中的状态,具体取决于输出的数字。该按钮使计数器处于状态增量。如果数字是素数,它应该将isPrime状态更改为true;如果不是isPrime,则应为false。 class Counter extends Component { constructor(props) { super(props); this.state = { count:0, isPrime: false }; } checkPrime = (num) => {
浏览 0
提问于2018-11-20
得票数 0
回答已采纳
3
回答
使用ES6和ES7的ReactJs中的状态
reactjs
在我看到的许多示例中,为了管理react组件中的状态,您必须使用getInitialState,如本例所示。 var LikeButton = React.createClass({ getInitialState: function() { return {liked: false}; }, handleClick: function(event) { this.setState({liked: !this.state.liked}); }, render: function() { var text = this.state.liked ?
浏览 2
提问于2016-02-26
得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
TypeScript React Native入门
react-native总结心得
这里有25个React Native免费教程,请您查收
携程租车React Native单元测试实践
在React中使用TypeScript
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券