Как отобразить значения, полученные от REDUX

Question

У меня есть этот простой пример теста страницы в ReactJS:

При изменении новое значение выбора отправляется в STORE ( REDUX).

Это код:

import React, { Component, Fragment } from "react";
import { connect } from "react-redux";
import SelecionarCrypto from "./SelecionarCrypto";

  class PruebasAPI4 extends Component {

    constructor(props) {
      super(props);

    }

    render() {

      return (
        <Fragment>
          Test4
          <br></br>
          <br></br>
          <SelecionarCrypto />
          <br></br>

          Value of select (Typeof): {typeof this.props.selectvalue}
        <br></br>
        Value of select (props): {this.props.selectvalue}
        {console.log("Test inside retun value of this.props ",this.props )}
        <br></br>

        </Fragment>

    );
  }
}

const mapStateToProps = state => {
  console.log("mapStateToProps receives: ", state)
  return {
    token: state.token,
    ValorState: state.ValorState,
    username: state.username,
    selectvalue: state.value  // <<<---- This one 

  };
};


export default connect(mapStateToProps)(PruebasAPI4);

Выбранное значение правильно получено внутри mapStateToProps

Страница не отображается при получении нового значения из хранилища, и значение всегда не определено.

Как отобразить полученное значение и каждый время изменения изменения, чтобы увидеть значение на странице ??

Answer 1

Я думаю, что в вашем коде есть опечатка. Должно быть:

const mapStateToProps = state => {
  return {
    ...
    selectvalue: state.selectvalue  // Instead of state.value

  };
};