个人中心
gpt4 book ai didi

javascript - setState 不会立即更新状态

转载 作者：IT王子 更新时间：2023-10-29 02:51:59 24 4
gpt4 key购买 nike

<分区>

我想问一下为什么当我执行onClick 事件时我的状态没有改变。我刚才搜索过我需要在构造函数中绑定(bind) onClick 函数，但状态仍然没有更新。

这是我的代码:

import React from 'react';
import Grid from 'react-bootstrap/lib/Grid';
import Row from 'react-bootstrap/lib/Row';
import Col from 'react-bootstrap/lib/Col';
import BoardAddModal from 'components/board/BoardAddModal.jsx';    
import style from 'styles/boarditem.css';

class BoardAdd extends React.Component {
    constructor(props) {
        super(props);    
        this.state = {
            boardAddModalShow: false
        };    
        this.openAddBoardModal = this.openAddBoardModal.bind(this);
    }

    openAddBoardModal() {
        this.setState({ boardAddModalShow: true }); // set boardAddModalShow to true

        /* After setting a new state it still returns a false value */
        console.log(this.state.boardAddModalShow);   
    }

    render() {    
        return (
            <Col lg={3}>
                <a href="javascript:;" 
                   className={style.boardItemAdd} 
                   onClick={this.openAddBoardModal}>
                    <div className={[style.boardItemContainer,
                                     style.boardItemGray].join(' ')}>
                        Create New Board
                    </div>
                </a>
            </Col>
        );
    }
}

export default BoardAdd

24 4 0
文章推荐： javascript - 如何使用 AngularJS 模板呈现 html
文章推荐： asp.net - 如何检查 XML 文件中属性的唯一性
文章推荐： xml - 'minOccurs' 属性不能存在
文章推荐： javascript - 如何在 React Native 中查看网络请求(用于调试)？
IT王子
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com