无法读取未定义反应复选框过滤器的属性“包含”

Question

我正在关注这个过滤数据的示例link。 但我对包含功能有疑问。

const updateArticles = (e) => {
            if(e.target.name){
                if(e.target.checked){
                    const currState = [...this.state.defaultData];
                    const newState = currState.filter(article => article.tags_array.includes(e.target.name));
                    this.setState(prevState =>({
                        articles: prevState.selectedArticles.length >= 1 && prevState.articles.length <=
                        prevState.defaultData.length ? [...newState, ...prevState.selectedArticles] : newState,
                        selectedArticles: [...newState, ...prevState.selectedArticles]
                    }));
                } else {
                    if (this.state.articles.length === 1){
                        this.setState({ articles: this.state.defaultData, selectedArticles: [] });
                    } else{
                        const currState = [...this.state.articles];
                        const newState = currState.filter(articles => !(articles.tags.tid.includes(parseInt(e.target.name))));
                        this.setState(prevState => ({
                            articles: newState,
                            selectedArticles: []
                        }));
                    }
                }
            }
        };

标签数组[ 0：“130” 1：“231” 2：“232” 3：“233” 4：“226” ]

e.target.name = "130"

我在 const newState 中遇到类型错误，说无法读取未定义的属性“包含”

Answer 1

答案很简单。

我换了这个

const newState = currState.filter(article => article.tags_array.includes(e.target.name));

到这里

const newState = currState.filter(article => article.tags_array ? article.tags_array.includes(e.target.name) : null);

我的一个对象根本没有标签数组。