Я новичок в реакции и мобх.Я пытаюсь использовать метод @computed только для примера.У меня есть флажок, и после его изменения состояние (имя пользователя) изменяется, но метод @computed не вызывает.Вот мой код:
LoginStore.js:
import { computed, observable } from "mobx";
class LoginStore {
@observable
username = "Daimon";
@computed
get report() {
return this.username + "12345";
}
}
var store = new LoginStore;
export default store;
Авторизация:
import React, { Component } from 'react';
import { observer } from "mobx-react";
@observer
class Autorization extends Component {
test = () => {
this.props.store.username = "krikkk";
}
render() {
return (
<body>
<p>{this.props.store.username}</p>
<input type="checkbox" class="custom-control-input" id="customCheck1" onChange={this.test}/>
</body>
);
}
}
export default Autorization;
index.js:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import Autorization from './Autorization';
import registerServiceWorker from './registerServiceWorker';
import loginStore from "./stores/LoginStore";
ReactDOM.render(<Autorization store={loginStore}/>, document.getElementById('root'));
registerServiceWorker();
пакет.json:
{
"name": "autorization",
"version": "0.1.0",
"private": true,
"dependencies": {
"custom-react-scripts": "^0.2.2",
"mobx": "^5.1.2",
"mobx-react": "^5.2.8",
"react": "^16.5.2",
"react-dom": "^16.5.2",
"react-scripts": "1.1.5"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"devDependencies": {
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "^1.3.5"
}
}
Кто-нибудь знает, как это решить?