Получение двух частей состояния в одном компоненте: один из запроса API, другой из значения формы - PullRequest
Новая
       6

Получение двух частей состояния в одном компоненте: один из запроса API, другой из значения формы

0 голосов
/ 21 мая 2019

Я пытаюсь соединить два компонента состояния в один компонент (List.js): один из запроса API JSON, другой из значения формы, помещенного в Form.js.

Только мне нужно перетащить данные формы в List.js, и мне не нужно отправлять их на какой-либо сервер 

// Form.js  FILE
class Form extends React.Component {
       onSubmit(formValue){
         // I DON'T KNOW WHAT TO PUT HERE, AS ONLY I NEED TO PASS 
         // THIS FORM VALUE TO THE List.js COMPONENT
          }
        render(){
           return (
            <form 
                onSubmit{this.props.handleSubmit(this.onSubmit)} >
               <Field name="search" component="input" 
                       placeholder="Search" />
               <button>Search</button>
             </form>
              )
          }

  }
export default reduxForm({
           form : 'search'
         })(Form);

// List.js FILE
class List extends React.Component {
            .......
            render() {
              console.log(this.props.term) //FORM VALUE FROM Form.js
               }

     }
const mapStateToProps=(state)=>{
       return {
          data: state.dataFromAPI,
          term: state.form // form IS THE KEY FROM REDUCER OF 
                           // REDUX-FORM
        }
    }

 export default connect(mapStateToProps,{
        fetchData // ACTION TO FETCH DATA FROM API
       })(List);

Я ожидаю отображения в одном компоненте List.jsэти две части данных: одна через вызов создателя действия в том же компоненте List.js (эта часть отсортирована), другая из значения формы в Form.js

1 Ответ

0 голосов
/ 21 мая 2019

Я снял все зависимости от редуксов. Я думаю, что для того, что я хотел, одно поле ввода, это было не нужно и усложнило код. Итак, я использовал обычную форму, создал состояние в файле формы и отсюда я связался с создателем действия в действиях и обновил этот фрагмент состояния в редукторе. Итак, я могу получить доступ к двум частям состояния из любого компонента.

...