小编Pet*_*Dev的帖子

大家好，我正在创建用户登录的模拟。我正在使用 redux 记录器，并且我记录的状态值始终是我想看到的值，但是，当我在 console.log(this.props )

我总是返回未定义。我的减速器有一个我已经定义并作为默认值传入的状态值。我不确定为什么我会返回 undefined 并且无法弄清楚。这是我的代码。任何帮助将不胜感激我需要访问这些值但未定义它不起作用。

我将浓缩像 import 语句等样板内容。也再次用于上下文。我想要做的就是在我的组件内部能够访问在我的减速器内部定义的状态值。例如，其中之一是LoginPending。当我在 console.logging this.props.isLoginPending 时，我希望获得默认值或新的 Object.assigned 值而不是未定义。我的理想目标是在我的组件中获得一个非未定义的值。

这是我的组件

render() {
        let {email, password} = this.state;
        console.log("PROPS*****" + this.props.isLoginPending);
        return (
            <div className="form-wrapper" >
                <form onSubmit={this.submit} name="login-form">
                    <label htmlFor="login-form">Email</label>
                    <input onChange={this.changedEmail} type="email" />
                    <br />
                    <label htmlFor="login-form"> Password </label>
                    <input onChange={this.changedPassword} type="password" />
                    <button type="submit">Login </button>

                </form>
            </div>
        )
    }
}

const mapStateToProps = (state) => {
    return {
       isLoginPending: state.isLoginPending,
       isLoginSuccess: state.isLoginSuccess,
       isloginError: state.isloginError
    }
}

const mapDispatchToProps = (dispatch) => …

嘿Stack OverFlow社区我正在研究一个React项目,我正在映射一组表行.在每个表行中,我有一个额外的行,其中包含有关每个行数据的更多信息.我的问题是,当我单击按钮以呈现该表的其他信息时,它会呈现所有行的所有其他信息.

我知道我的逻辑是以一种方式实现的,其中每一个额外的行都会在点击时显示.我该怎么做才能解决这个问题？

https://codesandbox.io/s/rj8o4r493n

showDrawyer = () => {
    let {showDrawyer} = this.state
    this.setState({
        showDrawyer: !showDrawyer
    })
}

renderTableCellData = () => {
    let { tableData } = this.props;
    return tableData.map((data, index) => {
      return (
        <Table.Body>
        <Table.Row style={{ height: 75 }}>
             <Table.Cell onClick={this.showDrawyer}>{data.name}</Table.Cell>
             <Table.Cell>{data.number}</Table.Cell>
             <Table.Cell>{data.date}</Table.Cell>
             <Table.Cell>{data.uid}</Table.Cell>
        </Table.Row>
            <Table.Row style={{display: this.state.showDrawyer ? '' : 'none' }}>
          <Table.Cell>Hidden Row data</Table.Cell>
          </Table.Row>
        </Table.Body>
      )
    })
}