React app using to get api quote to generate in the app

I try to construct an application using React so in the principal folder named “App” exactly in “App.js” file in the constructor method in the “state.text” I try to assign the text state a random quote text by declaring a static method to get an API response quote within the class “App” but my app doesn’t work as I expect so this is my code :
this is the App.js file :

import React from "react";
import './App.css';
import Text from '../Text/Text';
import getQuote from '../../helpers/RandomQuote'

class App extends React.Component {
  constructor(props) {
    this.state = {
      text: getQuote.text,
  render() {
    return (
        <div id="quote-box" >
        <h1> My quote</h1>
          <Text text={this.state.text} />
        {/* <Author />*/}
      {/*<Button />*/}
      <a href="">Tweet</a>

this is the RandomQuote.js file:

 const getQuote =  function()  {
   let text;
   let author
 return fetch('',{method: 'GET'}).then(response=> {
    if(!response.ok) {
       throw Error(response.status)
    return response
  .then(response=> {
     return response.json()
  }).then(jsonResponse=> {
     const quotes = jsonResponse;
    let indexQuote = Math.floor(Math.random() * quotes.length);
    const quote = quotes[indexQuote];
    return quote
  }).then(quote=> {
     return {
   text: quote.text,


@Borhen remove the closing bracket after the constructor function in your App.js file.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.