(資料圖片)

前言

我是歌謠 我有個兄弟 巔峰的時候排名c站總榜19 叫前端小歌謠 曾經我花了三年的時間創作了他 現在我要用五年的時間超越他 今天又是接近兄弟的一天人生難免坎坷 大不了從頭再來 歌謠的意志是永恒的 放棄很容易 但是堅持一定很酷 微信公眾號前端小歌謠

父子組件傳值 日期組件data.js

import React from "react";import MyDate from "./MyDate/MyDate";import "./LogItem.css"const LogItem = (props) => {    // 在函數組件中，屬性就相當于是函數的參數，可以通過參數來訪問    // 可以在函數組件的形參中定義一個props，props指向的是一個對象    // 它包含了父組件中傳遞的所有參數    // console.log(props);    return (        
                        {/* 日志內容的容器 */}            
                {/*                  如果將組件中的數據全部寫死，將會導致組件無法動態設置，不具有使用價值                    我們希望組件數據可以由外部設置，在組件間，父組件可以通過props（屬性）向子組件傳遞數據                */}                
{props.desc}
                
{props.time}分鐘
            
        
    );};export default LogItem;

父組件

/* 日志的容器 */import LogItem from "./LogItem/LogItem";import "./Logs.css";const Logs = () => {  return 
    {/*在父組件中可以直接在子組件中設置屬性*/}    {/*{}} />*/}          
};export default Logs;