自带计时器组件,反应,回流不工作
own timer component with react, reflux not working
我试着习惯回流和分叉的例子回购。我的完整代码在这里[https://github.com/svenhornberg/react-starterkit]
我想创建一个计时器组件,从时间存储中获取当前时间,但它不工作。DevTools没有显示任何错误。这一定是一些新手的错误,但我没有发现它们。
Edit1: I add a line in home//Edit1
Edit2:我认为错误可能是在componentDidMount在home.jsx
修正我需要触发我的时间,看看我的答案。
import Reflux from 'reflux';
import TimeActions from '../actions/timeActions';
var TimeStore = Reflux.createStore({
listenables: timeActions,
init() {
this.time = '';
},
onCurrenttime() {
this.time = '13:47';
}
});
export default TimeStore;
<<p> 操作/strong>import Reflux from 'reflux';
var TimeActions = Reflux.createActions([
'currenttime'
]);
export default TimeActions;
<<p> 组件/strong> import React from 'react';
class Timer extends React.Component {
constructor(){
super();
}
render() {
var time = this.props.time;
return (
<div>
{ time }
</div>
);
}
}
Timer.propTypes = {
time : React.PropTypes.string
}
export default Timer;
我想使用定时器组件在home.jsx
import React from 'react';
import ItemList from '../components/itemList.jsx';
import ItemStore from '../stores/itemStore';
import ItemActions from '../actions/itemActions';
import Timer from '../components/timer.jsx';
import TimeStore from '../stores/timeStore';
import TimeActions from '../actions/timeActions';
class Home extends React.Component {
constructor(props){
super(props);
this.state = {
items : [],
loading: false,
time : '' //edit1
};
}
componentDidMount() {
this.unsubscribe = ItemStore.listen(this.onStatusChange.bind(this));
this.unsubscribe = TimeStore.listen(this.onStatusChange.bind(this));
ItemActions.loadItems();
TimeActions.currenttime();
}
componentWillUnmount() {
this.unsubscribe();
}
onStatusChange(state) {
this.setState(state);
}
render() {
return (
<div>
<h1>Home Area</h1>
<ItemList { ...this.state } />
<Timer { ...this.state } />
</div>
);
}
}
export default Home;
我修复了它,感谢:如何使React.js组件在回流中侦听存储
我必须触发我的时间:
var TimeStore = Reflux.createStore({
listenables: TimeActions,
init() {
this.time = '';
},
onCurrenttime() {
this.trigger({
time : '13:47'
});
}
});
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 无法获取用户 ID 路由参数以在反应路由器中继上工作
- 浅层比较如何在反应中工作
- 低级反应动画 API 无法使其工作
- JS中的反应式流如何工作
- 如何在Microsoft IIS上使用反应路由器(createBrowserHistory)使路由工作
- 为什么我在Meteor反应表中的自定义过滤器不工作
- 我有反应标签代码工作完美,但我需要改变html结构
- 点击时的反应不能与箭头功能一起工作
- 是否有可能做热重新加载时,反应和流星工作
- 模拟拖放与反应测试不工作
- 的反应,Draft.js - convertFromRaw不工作
- 反应不工作.错误提示(index):13 Uncaught SyntaxError: Unexpected token
- 不能让动画在jquery中工作.我尝试了所有方法,但它对任何点击按钮都没有反应
- ReactJS+Redux:为什么不;尽管安装了热装载机,但不会对其工作作出反应
- 自带计时器组件,反应,回流不工作
- 为什么不是't反应路由器链路工作(ReactJS+Redux)