如何通过<KeepAlive name='ss'> name清除缓存

[15108255748]

[15108255748]

望解答

[ShenChang618]

@15108255748 <Provider> Props 中有个 include 和 exclude的属性可以清除缓存

[15108255748]

尝试过，但是通过手动更新include/exclude参数缓存依旧存在。

[15108255748]

class App extends React.Component {
constructor() {
super();
this.state = {
includeArray: ['/index'],
excludeArray: []
}
}

onChangeArray = (type, name) => {
    switch (type) {
        case 'add':
            // var arrays = Object.assign([], this.state.excludeArray);
            // arrays.forEach((i, index) => {
            //     if (i == name) {
            //         array.splice(index, 1);
            //         this.setState({ includeArray: [...this.state.includeArray, name] })
            //     }
            // });
            this.setState({ includeArray: [...this.state.includeArray, name] });
            break;
        case 'del':
            var array = Object.assign([], this.state.includeArray);
            array.forEach((i, index) => {
                if (i == name) {
                    array.splice(index, 1);
                    // this.setState({ excludeArray: [...this.state.excludeArray, name] })
                }
            });
            this.setState({ includeArray: array });
            break;
    }
}


render() {
    console.log(this.state.includeArray)
    return <Provider include={this.state.includeArray} exclude={this.state.excludeArray}>
        <HashRouter>
            <Index onClick={this.onChangeArray} />
        </HashRouter>
    </Provider>
}

}

[ShenChang618]

@15108255748 哦哦，你的需求是需要清除缓存吗？如果是 include 属性的话，会在下一次进入页面时清除页面状态，但是实例并不会消失；真正需要清除缓存，可以使用 max 属性，但是这个属性是设置了缓存页面的最大值，超过这个最大值，会把之前已经缓存的页面清除。

[15108255748]

那是不是可以max和include/exclude配合使用来实现我需要的清除掉不包括在include/exclude中的

[15108255748]

@Sam618 目前我的需求是有一个可以自定义添加删除的标签页嵌套路由，删除掉指定标签就要清除掉标签下路由缓存，保持下次进入页面重新加载。而不是直接读取缓存

[ShenChang618]

@15108255748 通过那这个需求是可以通过 include 或者 exclude 实现的，不过这两个属性只能同时存在一个，可以看下这个例子 Control cache

[see365]

include 重新设置了 之前设置的还是缓存着

[fisher-zwl]

@Sam618 采用include设置了，如果再次给include加入之前去掉的页面路由，依然拿取到的是之前的缓存。想问下有没有办法解决

[simon-yxl]

同求，我们做了tab页面站内切换路由，删除tab的时候想把对应的路由缓存也删除，但想了好多办法都不行

[Ray-56]

@simon-yxl 同需求

[Nemophi]

同求，我们做了tab页面站内切换路由，删除tab的时候想把对应的路由缓存也删除，但想了好多办法都不行

试试这个https://github.com/hesssa/react-keep-alive 我在原来的基础上加了根据name删除缓存。

[kavience]

已提交 PR ，具体请查看 #97