@MSGroup

Как передать state компонента в другой не дочерний компонент?

Добрый день.
Есть файл Datepicker.js
const initialState = {
  startDate: null,
  endDate: null,
  focusedInput: null,
}

function reducer(state, action) {
  switch (action.type) {
    case 'focusChange':
      return {...state, focusedInput: action.payload}
    case 'dateChange':
      return action.payload
    default:
      throw new Error()
  }
}

function DateTimePicker1() {
  const [state, dispatch] = useReducer(reducer, initialState)
  console.log(state.endDate)


    return (
        <div>
            <DateRangeInput
              onDatesChange={data => dispatch({type: 'dateChange', payload: data})}
              onFocusChange={focusedInput => dispatch({type: 'focusChange', payload: focusedInput})}
              startDate={state.startDate} // Date or null
              endDate={state.endDate} // Date or null
              focusedInput={state.focusedInput} // START_DATE, END_DATE or null
            />


        </div>
  )
}

export default DateTimePicker1;


Как передавать значения startDate={state.startDate}, endDate={state.endDate} в другой JS "Table.js".
Цель добиться фильтрации таблицы по диапазону указанному в Datepicker.
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ответы на вопрос 1
miraage
@miraage
Старый прогер
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы