为了账号安全,请及时绑定邮箱和手机立即绑定

我如何过滤json获取数据

我如何过滤json获取数据

慕姐4208626 2021-07-03 14:01:25
我想在使用 axios 从随机用户 API 获取后显示性别为女性的随机用户我试过 .filter, .select 但没有用。componentDidMount() {    axios      .get("https://randomuser.me/api/?results=5")      .filter(function(i, n) {        return n.gender === "female";      })      .then(response =>        response.data.results.map(user => ({          name: `${user.name.first} ${user.name.last}`,          username: `${user.login.username}`,          email: `${user.email}`,          image: `${user.picture.thumbnail}`,          gender: `${user.gender}`        }))      )      .then(users => {        this.setState({          users,          isLoading: false        });      })      .catch(error => this.setState({ error, isLoading: false }));  }  render() {    const { isLoading, users } = this.state;    return (      <React.Fragment>        <h2>Brief list</h2>        <div>          {!isLoading ? (            users.map(user => {              const { username, name, email, image, gender } = user;              return (                <div key={username}>                  <p>{name}</p>                  <div>                    <img src={image} alt={name} />                  </div>                  <p>{gender}</p>                  <p>{email}</p>                  <hr />                </div>              );            })          ) : (            <p>Loading...</p>          )}        </div>      </React.Fragment>    );  }}我只想显示那些女性用户
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 176 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信