How to get json data with React, fetch and Rest api?

Question

I’m doing some studies with React, and for that I’m pulling a JSON from Restapi Wordpress.

When I put something like fetch("https://pulsemaker.com.br/wp-json/wp/v2/posts/179") It works just fine, but when I pass Querys like fetch("https://pulsemaker.com.br/wp-json/wp/v2/posts/?slug=10-projetos-para-fazer-com-arduino") he doesn’t pull the dice.

Answer 1

import React, { Component } from 'react';
import {
    BrowserRouter as Router,
    Route,
    Link
  } from 'react-router-dom';

class Post extends React.Component {
    constructor() {
        super();

        this.state = {
            post: {
                title: {
                    rendered: ''
                },
                content: {
                    rendered: ''
                }
            }
        }
    }
    componentDidMount() {
        var url  = window.location.href;
        var slug = url.split("/")[url.split("/").length -1];
        fetch("https://pulsemaker.com.br/wp-json/wp/v2/posts/179")
            .then(results => results.json())
            .then(results => this.setState({'post': results}));
    }
    render() {
        return (
            <div className="wrapper">
               <h1>{this.state.post.title.rendered}</h1>
                <article dangerouslySetInnerHTML={{ __html: this.state.post.content.rendered }} />
            </div>
        );
    }
}
export default Post