Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

React: Eine locale Variable in der Render() Return verwenden

24.02.2021 (๐Ÿ‘399)


Dieser Code zeigt, wie man in einer React Componente in der Render() / return() funktion eine lokale Variable verwenden kann.

1)     Nach render() wird eine Laufzeit Variable erstellt;

    render() {

       

        let breadcrumb_path = "";

        return (..

2)     In der return(..) schlaufe kann dann die Variable verรคndert werden wie hier in einer array.map() Funktion

encodeURI(breadcrumb_path = breadcrumb_path + "/" + path)}

In Visual Studio: React Component

    //----< render >----

    render() {

        //--------< render(HTML) >--------

        let breadcrumb_path = "";

        return (

            //----< return >----

            <div className="submit-form">

                {

                            //--< IsLoaded >--

                            <div>

                                <div>Folder:&nbsp;

                                 {

(this.state.folder)?.split("/").map(path => (

<>

<a href={this.baseURL + "?f=" + encodeURI(breadcrumb_path = breadcrumb_path + "/" + path)} style={{ margin: '4px' }}>{path}</a>

</>

)

                                        )

                                    }

                                </div>

                            </div>

                            //--</ IsLoaded >--

                }

            </div>

            //----</ return >----

        );

        //--------</ render(HTML) >--------

    }

    //----</ render >----

 In der Ausgabe im Browser

Hier wird zur Laufzeit der Pfad eines Breadcrumb erweitert

Mit array.map(path=>( breadcrumb_path = breadcrumb_path + "/" + path))