تمرير prop الى props.children في react

children نفوم باستخدام نمط الدالة في استخدام ال

import React from "react";

function List(props) {
  const handleSomething = () => {
    console.log("triggered");
  };

  return (
    <div>
      <h1>List</h1>
      {/* نقوم بتمرير الدالة للأطفال عن طريق استخدام الدالة وليس الأطفال مباشرة */}
      {props.children({ handleSomething })}
    </div>
  );
}

function Post(props) {
  return (
    <div>
      {/* نقوم باستخام الدالة هنا  */}
      <button onClick={props.handleSomething}>send</button>
    </div>
  );
}

export default function Home() {
  return (
    <div>
      <List>
        {/* children نفوم باستخدام نمط الدالة في استخدام ال  */}
        {/*List ونقوم بنشر الخصائص التي تم إرسالها من المكون  */}
        {props => <Post {...props} />}
      </List>
    </div>
  );
}