Блог

У меня есть файл компонента React с именем FilterBox.jsx, в нем есть функция со следующим кодом:

 addTimeFilter() {
   var clickedItem2 = sessionStorage.getItem("clicked_value");
   const fltr = TIME_FILTER_MAP['__time_range'];
   const vals = '2019-03-25T00:00:00 : 2019-03-26T00:00:00';
   const selectedValues = Object.assign({}, {"__time_range" : "2019-03-25T00:00:00 : 2019-03-26T00:00:00","BrandName" : clickedItem2});
   selectedValues[fltr] = vals;
   this.setState({ selectedValues, hasChanged: true });
   if (this.props.instantFiltering) {
      this.props.onChange(fltr, vals, false, true);
   }
}
  

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

Я попытался импортировать его следующим образом:

  import FilterBox from '../../FilterBox';
  

Затем я попытался сделать это внутри функции в файле .js, чтобы вызвать следующую функцию:

 function select(){
     const filter = new FilterBox();
     filter.addTimeFilter();
}
  

Но только импорт FilterBox из ‘.. / ../ FilterBox’ выдает мне ошибки

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

 import { addTimeFilter } from '../../FilterBox';
  

Я тоже вроде как новичок в react, но что-то вроде этого должно сработать! 🙂

РЕДАКТИРОВАТЬ: попробуйте экспортировать класс с помощью «export default FilterBox» в строке вашего файла

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

 export function addTimeFilter() {
/.../
}