Блог

Вот код https://codesandbox.io/s/7073llkj

Простой пример используйте redux-form-website-template , чтобы показать значение, я очень новичок в react и redux-form, я даже не знаю, что это такое, я просто хочу очень просто прочитать значение в других компонентах.

 import React, { Component } from "react";

class ComponentOne extends Component {
  render() {
    return (
      <div>
        <div>CompoenntOne: I wannna read the props.values.firstName here</div>
        <div>CompoenntOne: I wannna read the props.values.lastName here</div>
      </div>
    );
  }
}

export default ComponentOne;
  

Есть какой-нибудь способ или пример, чтобы очень просто показать значение в других компонентах?

Каждый раз, когда изменяется значение поля SimpleForm , обновленное значение сохраняется в хранилище Redux.

Для того, чтобы получить значения формы:

1. Первое, что вам нужно сделать, это подключиться ComponentOne к хранилищу Redux, чтобы иметь доступ к состоянию формы.
2. Во-вторых, вы можете запросить хранилище и получить SimpleForm значения.

Что-то вроде этого:

 import React, { Component } from 'react'
import { connect } from 'react-redux'
import { getFormValues } from 'redux-form'


class ComponentOne extends Component {
  render() {
    const { values } = this.props

    return (
      <div>
        <div>CompoenntOne: I wannna read the values.firstName here</div>
        <div>CompoenntOne: I wannna read the values.lastName here</div>
      </div>
    )
  }
}

const mapStateToProps = state => ({
  // 2. Secondly, you can query the Store and get the `SimpleForm`'s field value.
  values: getFormValues('simple')(state) || {}
})

// 1. First thing you have to do is to connect `ComponentOne` with the Redux's Store,
// in order to have access to the Form's state, because it's kept in the Store.
export default connect(mapStateToProps)(ComponentOne)