У меня есть Store
, App
и компонент, который генерирует PDF-документ
на основании данных, которые я вытаскиваю из API
сервиса
Проблема появляется, когда данные поступают в компонент, вылетает ошибка:
TypeError: Cannot read property 'state' of undefined
Store.js
import { observable, action } from 'mobx'
class Store {
@observable dd //Вот он, не теряем его
constructor() {
this.dd = {
content: [
{
text: 'Topvisor',
style: 'header'
}
]
}
}
@action('get Topvisor data')
getTopvisorData() {
fetch("https://api.topvisor.ru/v2/json/get/positions_2/history", {
method: 'POST',
headers: {...},
body: JSON.stringify({...})
})
.then(response => {
return response.json();
})
.then(data => {
this.dd.content.push({ul: data.result.keywords.name}) //Тут добавили данные
console.log(this.dd);
});
}
}
export default Store
App.js
import React, { Component } from 'react';
import PDFGenerate from './components/PDFGenerate/PDFGenerate';
import { observer } from 'mobx-react';
import Store from './store'
@observer
class App extends Component {
constructor() {
super()
this.state = new Store
this.state.getTopvisorData()
}
render() {
return (
<div className="App">
<PDFGenerate data = {this.state.dd}/> //Тут передали данные
</div>
);
}
}
export default App;
PDFGenerate.js
import React, { Component } from 'react';
import pdfMake from "pdfmake/build/pdfmake";
import { observer } from 'mobx-react';
@observer
class PDFGenerate extends Component {
constructor(props) {
super(props);
this.state = this.props.data // Тут их получили
}
render() {
return (
<div className="PDFGenerate">
<button onClick={this.generatePDF} type="button">Давай сюда отчет</button> // Тут вызвали
</div>
);
}
generatePDF() {
pdfMake.createPdf(this.state).open() // А тут ошибка
}
}
export default PDFGenerate;