多页面共用一个 state，如何拿到state中的值 #13

byk04712 · 2019-05-23T10:53:28Z

logincA.js

export default {

  defaults() {
    return {
       list: []
    }

    fetchList(ctx){
        // 这里网络请求获取到数据并setSatate 到 list 中
       ctx.setState({
           list: ['a','b','c']
       })
    }

    getList(ctx) {
        // PageB 页面调用此函数，获取到的 list 是个空数组
        const list = ctx.getState().list
        console.log('list', list) // list 是空的数据
    }
}

PageA.js

import logicA from './logicA'

class A extends Component {
    constructor(props){
        super(props, logicA)
    }

    componentDidMount() {
        this.dispatch('fetchList')
    }
}

PageA 获取到数据后，然后跳转到 PageB 页面

PageB.js

import logicA from './logicA'

class B extends Component {
    constructor(props){
        super(props, logicA)
    }

    componentDidMount() {
        this.dispatch('getList')
    }
    
}

PageB 页面中如何在调用的时候依然能通过 ctx.getState() 拿到 list 当中的数据？

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

多页面共用一个 state，如何拿到state中的值 #13

多页面共用一个 state，如何拿到state中的值 #13

多页面共用一个 state，如何拿到state中的值 #13

多页面共用一个 state，如何拿到state中的值 #13

Comments

Uh oh!