Remax 写微信小程序的一个BUG Redux store.subscribe

周大胖子

1. import * as React from 'react';
   
2. import { View } from 'remax/one';
   
3. import store from '../../store/Store';
   
4. import { funGetNewsList } from '../../store/ActionCreator';
   
5. 
   
6. 
   
7. 
   
8. class Shop extends React.Component{
   
9.     constructor(props) {
   
10.         super(props);
    
11. 
    
12.         // 接收所有数据，然后进行过滤,取出新闻的部分
    
13.         let allStore = store.getState();
    
14.         this.state = allStore;
    
15.         this.change = this.change.bind(this);
    
16.         this.lmStoreChange = this.lmStoreChange.bind(this);
    
17.         this.m =1;
    
18.         // console.log( allStore )
    
19.         // 当我写在 change 里时，store.subscribe 会产生多个BUG 但是在这里却正常？
    
20.         store.subscribe( this.lmStoreChange ) ;
    
21.     }
    
22.    
    
23. 
    
24.     lmStoreChange(){
    
25.         this.m++
    
26.         console.log(this.m)
    
27.         console.log( '进入了lmStoreChange 方法')
    
28. 
    
29.         // 接收所有数据，然后进行过滤,取出新闻的部分
    
30.         let allStore = store.getState();
    
31.         this.setState( allStore );
    
32. 
    
33.     }
    
34.     // 改变值
    
35.     change(){
    
36.         store.dispatch( funGetNewsList() );
    
37.         console.log('执行了dispatch方法' )
    
38. 
    
39.         // 第一次点击时，先执行了 dispatch 未执行subscribe
    
40.         // 第二次点击时， 先执行了subscribe ，再执行 change方法
    
41.         
    
42.         //  最后一步订阅
    
43.         // store.subscribe( this.lmStoreChange ) ;
    
44.         // store.subscribe( this.lmStoreChange() );  这样有效果 但是报错
    
45.         // store.subscribe(()=>{
    
46.         //     console.log('进入了subscribe方法')
    
47.         //     this.lmStoreChange()
    
48.         // })
    
49. 
    
50.     }
    
51. 
    
52.     componentWillUnmount = () => {
    
53.         this.setState = (state, callback) => {
    
54.             return;
    
55.         };
    
56.     }
    
57. 
    
58.     render(){
    
59.         return(
    
60.             <View >
    
61.                 这是商品界面 { this.state.name }
    
62.                
    
63.                 <View onTap={ this.change } > 点我变 </View>
    
64. 
    
65.             </View>
    
66.         );
    
67.     }
    
68. 
    
69. }
    
70. 
    
71. export default Shop;

复制代码

得出结论：store.subscribe( this.lmStoreChange ) ;   要写在  constructor(props) {} 里 才可以在 remax 微信架构中正常订阅。【 也或许是我本该如此理解，但是老师教错了 】

灵感来源：  https://blog.csdn.net/weixin_46041654/article/details/103894759