react children

import React from "react";

const App = () => {
  return (
    <div>
      <Child>
        <ul>
          <li>one</li>
          <li>Two</li>
          <li>Three</li>
        </ul>
      </Child>
    </div>
  );
};

function Child({ children }) {
  return (
    <div style={{ border: "solid 1px #f00", padding: "20px" }}>{children}</div>
  );
}

export default App;

children을 사용하는 경우는 어떠한 값을 받아 올지 예측하기 힘들때 주로 사용합니다.
children은 키워드 이므로 반드시 children이라 명시해야 합니다.