首頁  >  文章  >  web前端  >  用很簡單的實例理解react.js高階元件思想

用很簡單的實例理解react.js高階元件思想

一个新手
一个新手原創
2017-10-06 10:42:151540瀏覽

調試程式碼之前,我設定了兩個快取

分別是username和content

在控制台console設置兩個快取代碼

localStorage.setItem('username','老王')
localStorage.setItem('content','类容')

運行下面程式碼一定要先設定這兩個緩存,因為我在高階元件封裝了公共方法,呼叫快取到輸入框的value裡

,高階元件傳回的元件呼叫了這個方法

'react''react-dom'.state={data:''==(event)=>=
            <Comp handBlur={.handBlur} data={.state.data}/> <input type="text" defaultValue={props.data} onBlur={props.handBlur}/> <textarea defaultValue={props.data}></textarea> <p>111</p>let LocalInput=local(Input,&#39;username&#39;=local(Textareas,&#39;content&#39;=<p>
                <form><LocalInput/>
                    类容 <LocalTextareas/>
                    <Localp></Localp>
                </form>
            </p><From></From>,document.querySelector("#root"))

以上是用很簡單的實例理解react.js高階元件思想的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn