Использование Ubuntu 16.04
Приветствую, все, что я следил за руководством по установке и запуску Drizzle, находится здесь . Я перешел к этому шагу, когда попытался запустить приложение с помощью команды «npm start» из терминала. Затем меня приветствовало сообщение об ошибке «TypeError: моросящий дождь не определен». Я попробовал еще раз после обновления пакетов через npm, но ошибка осталась. Я воспроизвел код, который я использую ниже:
приложение.js:
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
state = { loading: true, drizzleState: null };
componentDidMount() {
const { drizzle } = this.props;
// subscribe to changes in the store
this.unsubscribe = drizzle.store.subscribe(() => {
// every time the store updates, grab the state from drizzle
const drizzleState = drizzle.store.getState();
// check to see if it's ready, if so, update local component state
if (drizzleState.drizzleStatus.initialized) {
this.setState({ loading: false, drizzleState });
}
});
}
compomentWillUnmount() {
this.unsubscribe();
}
render() {
if (this.state.loading) return "Loading Drizzle...";
return <div className="App">Drizzle is ready</div>;
}
}
export default App;
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
// import drizzle functions and contract artifact
import { Drizzle, generateStore } from "drizzle";
import 'contract_name' from "./contracts/'contract_name'.json";
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
// let drizzle know what contracts we want
const options = { contracts: ['contract_name'] };
// setup the drizzle store and drizzle
const drizzleStore = generateStore(this.props.options);
const drizzle = new Drizzle(this.props.options, drizzleStore);
Я заменил фактическое название контракта, который я использую, на «имя_контракта» из соображений конфиденциальности. Есть ли что-то очевидное, что я делаю неправильно?
В вашем файле index.js вам нужно передать экземпляр drizzle в компонент приложения в качестве реквизита:
ReactDOM.render(<App drizzle={drizzle} />, document.getElementById("root"));
Вы также должны объявить свои константы перед ReactDOM.render:
...
// let drizzle know what contracts we want
const options = { contracts: [MyStringStore] };
// setup the drizzle store and drizzle
const drizzleStore = generateStore(options);
const drizzle = new Drizzle(options, drizzleStore);
// pass in the drizzle instance
ReactDOM.render(<App drizzle={drizzle} />, document.getElementById("root"));
registerServiceWorker();
Джейк Армитидж