gpt4 book ai didi

javascript - 如何在组件中使用 react 在匿名方法中使用状态

转载 作者:行者123 更新时间:2023-11-30 21:18:48 25 4
gpt4 key购买 nike

<分区>

我有这样的 react 组件:

import React, { Component } from 'react'
import { Sidebar, Segment, Button, Menu, Image, Icon, Header } from 'semantic-ui-react'

export default class Footer extends Component {

constructor(props) {
super(props)
this.state = {
visible: false
}
this.handleClick = this.handleClick.bind(this);
this.handleClick();
}


handleClick() {

this.props.socket.on('connect', function () {
console.log("PRINT this.state.visible");
console.log('Connected');
});

this.props.socket.on('disconnect', function () {
console.log('Disconnected');
});
}

render() {
return (
<div className='create-task-section'>
"HELLO"
</div>
)
}
}

我正在使用 websocket io。在方法 this.props.socket.on 我想要打印

this.state = {
可见:假
}

但是当我打印这个变量时,我得到了未定义的错误。如何在匿名方法中读取/更改/更新 this.state 值,如 this.props.socket.on

感谢您的帮助!

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com