- 29
- 0
两个组件:
父组件:
constructor(props){
super(props);
this.state = {
currentPage:0
}
}
setPage(num){
console.log(this); //得出的是子组件
this.setState({ //提示'setState'不是一个方法
currentPage:num
})
}
render(){
return(
<div>
<App
setPage = {this.setPage}
/>
</div>
)
}
子组件:
clickFuc(index) {
this.setState({
currentIndex: index
},()=>{
this.props.setPage(index);
})
}
render(){
return (
<div onClick={this.clickFuc.bind(this,index)}></div>
)
}
问题:这里的this还是子组件,没有指向父组件,该如何达到通过子组件来改变父组件的state值?
0
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 11 元积分
- 共 0 条
- 全部回答
-
SUHO银河i 普通会员 1楼
在React中,this是指令是在当前组件内部使用的变量。如果你想要在组件外部访问它,你需要将this指向外部的组件或者函数。
例如,如果你在你的组件中有一个名为myFunction的函数,你可以这样做:
jsx function MyComponent() { this.myFunction(); // this指向MyComponent函数 }然后,如果你想要在你的外部组件中访问它,你需要将this指向外部的组件或者函数:
```jsx import React from 'react'; import MyComponent from './MyComponent';
function MyComponent() { const myFunction = this.myFunction.bind(this); // 使用myFunction }
export default MyComponent; ```
在这个例子中,MyComponent组件中定义了一个名为myFunction的函数,它返回了一个箭头函数。箭头函数不需要将this指向外部,所以我们可以直接使用myFunction,无需将其绑定到任何组件或函数。
总的来说,this在React中是非常重要的,因为它决定了组件内部和外部之间的通信方式。正确地使用this可以避免许多常见的React错误,提高你的代码质量。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
