title: how do i filter json get data
body: <p>I want to display the random users with gender female after get from random user API using axios</p>
  
  <p>i've tried .filter, .select but didn't work.</p>
  
  <pre><code>componentDidMount() {
      axios
        .get("https://randomuser.me/api/?results=5")
        .filter(function(i, n) {
          return n.gender === "female";
        })
        .then(response =&gt;
          response.data.results.map(user =&gt; ({
            name: `${user.name.first} ${user.name.last}`,
            username: `${user.login.username}`,
            email: `${user.email}`,
            image: `${user.picture.thumbnail}`,
            gender: `${user.gender}`
          }))
        )
  
        .then(users =&gt; {
          this.setState({
            users,
            isLoading: false
          });
        })
        .catch(error =&gt; this.setState({ error, isLoading: false }));
    }
  
    render() {
      const { isLoading, users } = this.state;
      return (
        &lt;React.Fragment&gt;
          &lt;h2&gt;Brief list&lt;/h2&gt;
          &lt;div&gt;
            {!isLoading ? (
              users.map(user =&gt; {
                const { username, name, email, image, gender } = user;
  
                return (
                  &lt;div key={username}&gt;
                    &lt;p&gt;{name}&lt;/p&gt;
                    &lt;div&gt;
                      &lt;img src={image} alt={name} /&gt;
                    &lt;/div&gt;
                    &lt;p&gt;{gender}&lt;/p&gt;
                    &lt;p&gt;{email}&lt;/p&gt;
                    &lt;hr /&gt;
                  &lt;/div&gt;
                );
              })
            ) : (
              &lt;p&gt;Loading...&lt;/p&gt;
            )}
          &lt;/div&gt;
        &lt;/React.Fragment&gt;
      );
    }
  }
  </code></pre>
  
  <p>i want to display only those users who are female</p>