Cant Render React Comp onet, ошибка в моем понимании или код?

Question

) Тело должно содержать не менее 30 символов; Вы ввели 1. пришлось удалить это из-за кода. не могу поделиться.

Answer 1

В вашем методе рендеринга вы используете this.state.graph. Вы задаете для этой переменной значение, возвращаемое функцией generateGraph, которая возвращает визуализированный узел, а не компонент . И затем вы пытаетесь визуализировать этот узел как компонент (<x/>), который не работает. Также в generateGraph функция console.log(g) показывает вам визуализированный компонент. Так что просто верните x в вашем методе рендеринга:

 render() {
    var x = this.state.graph
    return (

     <div> 
       <button onClick={(e) => this.startGraphGeneration(e,this.props)}>Preview Graph</button> 
        {this.state.graph ? x : `Doing Noting`}
     </div>
    )
 }