用很简单的实例理解react.js高阶组件思想

一个新手
Lepaskan: 2017-10-06 10:42:15
asal
1510 orang telah melayarinya

调试代码之前,我设置了两个缓存

分别是username和content

在控制台console设置两个缓存代码

localStorage.setItem('username','老王')
localStorage.setItem('content','类容')
Salin selepas log masuk

运行下面代码一定要先设置这两个缓存,因为我在高阶组件封装了公共方法,调用缓存到输入框的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"))
Salin selepas log masuk

Atas ialah kandungan terperinci 用很简单的实例理解react.js高阶组件思想 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!