React pass props на onChange

Я размышлял . Можно ли использовать обработчик событий onChange и передавать реквизиты методу в качестве параметров?

Например :

    <TablePagination
          ....
          onChangePage = {props.setBrokersListPage}
        />

Метод setBrokersListPage автоматически получает объекты event и page. Я хочу передать в качестве параметра дополнительную опору. Что-то типа

          onChangePage = {props.setBrokersListPage(props.otherParam)}

Другой параметр будет третьим параметром setBrokerListPage. Является ли это возможным ?

Я попытался использовать ответ @omri, но переданные по умолчанию параметры не работают. Страница больше не распознается, если я сделаю это:

setBrokersListPage:

export const setBrokersListPage = (event, page,brokersListFilter) => {
    return getBrokers(page,brokersListFilter)  
}

И onChangePage:

onChangePage = {() => props.setBrokersListPage(props.brokersListFilter)}

да возможно. Затем вам нужно таким образом определить функцию setBrokersListPage.

Arup Rakshit 22.08.2018 14:16
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
1 137
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Да, это возможно, вы можете получить его, передав его как функцию:

onChangePage = {() => props.setBrokersListPage(props.otherParam)}

Или вместо того, чтобы каждый раз отображать новую функцию, вы можете:

setBrokersListPage = () => {
    props.setBrokersListPage(props.otherParam)
}

onChangePage = {this.setBrokersListPage}

К сожалению, это не работает .. Переданные значения по умолчанию нарушаются. Теперь параметр страницы передается как неопределенный ..

user5992977 22.08.2018 14:53
Ответ принят как подходящий

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

setBrokersListPage = (args) => (event) => {
    // logic with args, event
}

А теперь нравится:

onChangePae = {props.setBrokersListPage(props.otherParam)}

После того, как я это сделаю, otherParam будет храниться внутри args? Мне также нужно значение page с event

user5992977 22.08.2018 14:57

@Yossi Да, это будет там.

Arup Rakshit 22.08.2018 14:58

Я пробовал, я больше не могу получить доступ к элементу page .. Я попробовал (args) => (event,page) =>.., но при регистрации события и страницы это кажется неправильным .. (мне нужно использовать только страницу, а не элемент события)

user5992977 22.08.2018 15:24

посмотрите, обработчик изменений выдаст вам только событие ... другой аргумент, который вам нужно собрать ...

Arup Rakshit 22.08.2018 15:25

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

user5992977 22.08.2018 15:26

откуда вы берете страницу?

Arup Rakshit 22.08.2018 15:26

Он передается автоматически из события onChangePage

user5992977 22.08.2018 15:26

Позвольте нам продолжить обсуждение в чате.

Arup Rakshit 22.08.2018 15:26

Другие вопросы по теме