Issue with App.tsx

[prachirathod99]

import React, { Component } from 'react'; import DataStreamer, { ServerRespond } from './DataStreamer'; import Graph from './Graph'; import './App.css';

/**

• State declaration for */ interface IState { data: ServerRespond[], showGraph: boolean, }

/**

• The parent element of the react app.

• It renders title, button and Graph react element. */ class App extends Component<{}, IState> { constructor(props: {}) { super(props);

  this.state = { // data saves the server responds. // We use this state to parse data down to the child element (Graph) as element property data: [], showGraph: false, }; }

  /**

  • Render Graph react component with state.data parse as property data */ renderGraph() { if (this.state.showGraph) { return () } }

  /**

  • Get new data from server and update the state with the new data */ getDataFromServer() { let x = 0; const interval = setInterval(() => { DataStreamer.getData((serverResponds: ServerRespond[]) => { // Update the state by creating a new array of data that consists of // Previous data in the state and the new data from server this.setState({ data: [...this.state.data, ...serverResponds] ,data: serverResponds, showGraph: true, }); }); x++; if (x > 1000) { clearInterval(interval); } },100); }

  /**

  • Render the App react component */ render() { return (
    Bank & Merge Co Task 2

    {this.renderGraph()}

[MARVELMafia]

Any errors you faced after changes in Graph.tsx? If possible could you share the elem.setAttribule function and where you added it.

And this is where I have added it in the Graph.tsx file:

Any input?

[prachirathod99]

Hi, I have no issues with the graph.tsx but these issues are in the App.tsx the one which i posted

[dheerajodha]

Hi @prachirathod99 , I've already suggested the possible mistake in your code here : https://github.com/insidesherpa/JPMC-tech-task-2/issues/137#issuecomment-630762598

Please update your code, and if any other error occurs, then post it here, and if it's successful then don't forget to close both the issues that you've opened. Thank you!