React椤跺眰API

Posted 2022-11-14

鏍囩锛?a href='http://www.mamicode.com/so/1/col' title='col'>col   window   reac   function   turn   閬嶅巻   div   dom   imp   

1.React.children.map(props.children, mapFunc)

1锛夎鏂规硶鐢ㄤ簬瀹夊叏鐨勯亶鍘嗙粍浠禼hildren銆?/p>

2锛夎鏂规硶鍙互骞抽摵宓屽鏁扮粍鐨勮繑鍥炲€笺€?/p>

import React from 鈥榬eact鈥?span style="color: #000000;">;
import ReactDOM from 鈥榬eact-dom鈥?span style="color: #000000;">;

function User(props) 
    // props.children鍙栧€兼湁涓夌锛?
    // 1.鏃犲瓙鑺傜偣-undefined
    // 2.涓€涓枃鏈?鍏冪礌-瀛楃涓叉垨鑰呭璞?
    // 3.澶氫釜鑺傜偣-鏁扮粍
    // 鎵€浠ヤ娇鐢╩ap鍙兘浼氭湁闂锛屼絾鏄疪eact.Children.map瑙ｅ喅浜嗚繖涓棶棰?/span>
    return (
        <>
            
                React.Children.map(props.children, (item,index) => <div key=index>item</div>)
            
        </>
    )


ReactDOM.render(
    <User>
        1 
    </User>, window.root)