如何在react.js中的地图中使用if？

Question

我有这个功能，我有这段代码，但它没有返回任何内容，只留空白

mostrarPostsNoValidos() {
    if(this.state.posts.length > 0) {
        this.state.posts.map((post, key) => {
            if(post.validado === "0"){
                return (
                    <a href={`/post/${post.id}/${post.slug}`} key={key}>
                        <div className="card post">
                            <div className="card-body">
                                {post.titulo}
                            </div>
                        </div>
                    </a>
                );
            }
        });
    } else {
        return <h3>No hay posts que mostrar aún</h3>
    }
}

Answer 1

解决方案：添加＆＃34;返回this.state.posts.map＆＃34;

mostrarPostsNoValidos() {
    if(this.state.posts.length > 0) {
        return this.state.posts.map((post, key) => {
            if(post.validado === "0"){
                return (
                    <a href={`/post/${post.id}/${post.slug}`} key={key}>
                        <div className="card post">
                            <div className="card-body">
                                {post.titulo}
                            </div>
                        </div>
                    </a>
                );
            }
        });
    } else {
        return <h3>No hay posts que mostrar aún</h3>
    }
}