zoukankan      html  css  js  c++  java
  • React 表格 render状态

    this.dataSourcesa = [
    {
    score_name: "业务系统",
    score_image_url: (
    <Select
    // defaultValue={this.state.applyFloatIPServiceSystem}
    value={this.state.applyFloatIPServiceSystem}
    className="placeSelectDataCenter"
    id="select"
    onChange={e => {
    this.setState({ applyFloatIPServiceSystem: e });
    }}
    >
    {this.state.serviceSystemList.map((item, key) => {
    return (
    <Option value={item.name} key={key}>
    {item.name}
    </Option>
    );
    })}
    </Select>
    )
    },
    {
    score_name: "集群",
    score_image_url: (
    <Select
    // defaultValue={this.state.applyFloatIPColony}
    value={this.state.applyFloatIPColony}
    className="placeSelectDataCenter"
    id="select"
    onChange={e => {
    this.setState({ applyFloatIPColony: e });
    }}
    >
    <Option value={1}>主集群</Option>
    <Option value={2}>备集群</Option>
    </Select>
    )
    },
    {
    score_name: "数量",
    score_image_url: (
    <Input
    defaultValue="请输入数量"
    value={this.state.applyFloatIPNum}
    onChange={e => {
    this.setState({ applyFloatIPNum: e.target.value });
    }}
    onClick={() => {
    if (this.state.applyFloatIPNum == "请输入数量") {
    this.setState({ applyFloatIPNum: "" });
    } else {
    return;
    }
    }}
    ></Input>
    )
    }
    ];
    
    ---------------------------------------------------------------------------------------------
    
    render: text => {
    if (text === "Created") {
    return <span className="color_blue">已创建</span>;
    } else if (text === "Designing") {
    return <span>设计中</span>;
    } else if (text === "Training") {
    return <span>训练中</span>;
    } else if (text === "Trained") {
    return <span>训练完成</span>;
    } else if (text === "Testing") {
    return <span>测试中</span>;
    } else if (text === "Tested") {
    return <span>测试完成</span>;
    } else if (text === "Scored") {
    return <span>打分完成</span>;
    }
    }
    },
    

      

  • 相关阅读:
    编程 判断 是否满足条件 的 验证代码。
    Javascript作用域详解。
    DateTable To Json
    反射_获取字段的Description信息
    C# Json格式
    jQuery选择器
    SQL日期格式转换
    【转载】#pragma once与#ifndef
    C++中的左值与右值
    HTML、CSS基础知识
  • 原文地址:https://www.cnblogs.com/zhanglanzuopin/p/12703548.html
Copyright © 2011-2022 走看看