React: Fehler Syntax error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?
Fehlermeldung
Failed to compile ./src/components/Article.js
|
Lösung:
Bei der render() function von React muss man ein darstellendes <div> .. </div> HTML element um die einzelnen Ausgabe-Elemente legen
Falscher React Code:
render() { //--------< render(HTML) >-------- return ( //----< return >---- <div className="submit-form"> { this.state.loading ? ( //--< IsLoading >-- <p>loading..</p> //--</ IsLoading >-- ) : ( //--< IsLoaded >-- <p>{this.state.idarticle}</p> <p>{this.state.Title}</p> //--</ IsLoaded >-- ) } </div> //----</ return >---- ); //--------</ render(HTML) >-------- } |
Lösung:
Man muss ein Umfassendes Parent Element wie <div> um den inneren React Node erstellen
render() { //--------< render(HTML) >-------- return ( //----< return >---- <div className="submit-form"> { this.state.loading ? ( //--< IsLoading >-- <p>loading..</p> //--</ IsLoading >-- ) : ( //--< IsLoaded >-- <div> <p>{this.state.idarticle}</p> <p>{this.state.title}</p> </div> //--</ IsLoaded >-- ) } </div> //----</ return >---- ); //--------</ render(HTML) >-------- |