Display Avatar

Create.jsx

displayAvatar() {
    // Object.keys / values creates an array
    const keys = Object.keys(this.state.options);
    const values = Object.values(this.state.options);
    // Map through the keys array and pair each result with
    // the matching index of the values array, adding in
    // necessary symbols where
    const keyValue = keys.map((e, i) => e + "=" + values[i] + "&");
    // Use .join('') to convert into a string
    const joined = keyValue.join("");

    this.setState({
      // Set the avatar URL in state to the new result
      avatar: this.state.avatar + joined
    });
  }