react 組件傳值操作控制...

父組件通過配置項控制子組件顯示問題

p1.js 父組件

import React, { Component } from 'react';
import Child from '../child'
export default P1 extends Component {
    constructor() {
        super()
        this.state = {
           arr: [
               {
                   text:'01',
                   time:10
               },
               {
                   text:'02',
                   time:20
               }
           ]
        }
        
   //child 組件

//邏輯為：p父組件傳遞的對象中的time 為計時器：
//子組件處理的邏輯為： 假如第一個對象time:10秒走第一個對象里面的參數(shù)改變state，到10秒之后，也就是走第二個對象的時候（計時器為 10~20區(qū)間的時候），div字體顏色為第二個對象的顏色。以此類推子組件處理邏輯，最后一個執(zhí)行完清楚定時器，給一個默認問題提示


export default Child extends Component {
    constructor (props) {
        super(props)
        this.state = {
            istate:true, 
            color: 'gray', // 這里是動態(tài)的
            text:'0001'
        }
    this.show = props.options // arr
        //邏輯處理..
     }
     render() {
        return (
            <div style={`color:${this.state.color}`}>
                { this.state.text }              
            </div>
        );
    }
    
}

剛看react不久，請教大神..