react-children

组件列表项 ，循环ul  li

这是定义的子组件

import React from 'react';


function ListComponent(props){
    return(
        <ul>
            {
                React.Children.map(props.children,function(child){
                    return <li>{child}</li>
                })
            }
        </ul>
    )
}

 
export default ListComponent

这是定义的父子件传值

import React from 'react';
import ListComponent from './page1'

import './App.css';

function App() {
  return (
    <div className="App">
      <ListComponent>
        <h2>title</h2>
        <a href='http://www.baidu.com'>http://www.baidu.com</a>
      </ListComponent>
    </div>
  );
}


export default App;