Можем ли мы передать переменную состояния в качестве аргумента внешней функции использования из функции реагирования js, определенной внутри компонента?

Мне нужно передать переменную состояния в качестве параметра внешней функции. Я пытаюсь сделать что-то вроде этого.

https://stackblitz.com/edit/react-vvdfx4?file=index.js

Ожидается, что он будет работать как предоставленная ссылка slackblits

Здесь он работает правильно, но не может понять, почему он выдает ошибку в моем проекте.

Я передаю массив объектов в качестве аргумента.

`GlobalHeader.js:340 Uncaught TypeError: Object(...) is not a function
at GlobalHeader.temp (GlobalHeader.js:340)
at GlobalHeader.<anonymous> (GlobalHeader.js:241)
at getStateFromUpdate (react-dom.development.js:16277)
at processUpdateQueue (react-dom.development.js:16338)
at mountClassInstance (react-dom.development.js:11519)
at updateClassComponent (react-dom.development.js:14688)
at beginWork (react-dom.development.js:15644)
at performUnitOfWork (react-dom.development.js:19312)
at workLoop (react-dom.development.js:19352)
at renderRoot (react-dom.development.js:19435)`

Фактический код ошибки: Импорт: импортировать generateChartInputData из '../../utils/generateChartInputData';

Вызов функции:

`temp(gd, saft, paramMonth, arrivalType) {
let c = generateChartInputData(gd, saft, paramMonth);
console.log(c);

}`

Определение функции:

function generateChartInputData(monthWiseData,arrivalType,selectedMOM){
console.log('-------------------------------');
console.log(monthWiseData,arrivalType,selectedMOM);
console.log('-------------------------------');
return 1;

}

экспорт {генерироватьChartInputData}`

3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
0
0
573
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Заменять:

import generateChartInputData from '../../utils/generateChartInputData'

с этим, если generateChartInputData определен в файле generateChartInputData.js:

import { generateChartInputData } from '../../utils/generateChartInputData'

Я надеюсь, что это поможет вам.

Большое спасибо все заработало.. Сильно перепробовал много вариантов.

Sivalakshmi 22.05.2019 11:03

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