매우 간단한 예를 사용하여 React.js 상위 구성요소의 아이디어를 이해하세요.

코드를 디버깅하기 전에 두 개의 캐시를 설정했습니다.

사용자 이름과 콘텐츠입니다.

콘솔에서 두 개의 캐시 코드를 설정합니다.

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

다음 코드를 실행하기 전에 먼저 이 두 캐시를 설정해야 합니다. , 왜냐하면 제가 고차 컴포넌트에 퍼블릭 메소드를 캡슐화했고 호출이 입력 상자

의 값에 캐시되고 고차 컴포넌트가 반환한 컴포넌트가 이 메소드를 호출하기 때문이죠

'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 중국어 웹사이트의 기타 관련 기사를 참조하세요!