账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react 组件传值操作控制...
    24
    0

    父组件通过配置项控制子组件显示问题

    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秒走第一个对象里面的参数改变state,到10秒之后,也就是走第二个对象的时候(计时器为 10~20区间的时候),div字体颜色为第二个对象的颜色。以此类推子组件处理逻辑,最后一个执行完清楚定时器,给一个默认问题提示
    
    
    export default Child extends Component {
        constructor (props) {
            super(props)
            this.state = {
                istate:true, 
                color: 'gray', // 这里是动态的
                text:'0001'
            }
        this.show = props.options // arr
            //逻辑处理..
         }
         render() {
            return (
                <div style={`color:${this.state.color}`}>
                    { this.state.text }              
                </div>
            );
        }
        
    }

    刚看react不久,请教大神..

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答