@Daniil161rus

Как проверить значение поля и вывести его в таблицу?

Надо взять значение поля check, проверить его, если true вывести в ячейку текст 'На работе', если false - 'Отсутствует'.

import React, { Component } from 'react';
import { Table,Tag,Spin } from 'antd';

import { withFirebase } from '../Firebase';

class TableOffice extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      loading: false,
      users: [],
    };
  }
  

  componentDidMount() {
    this.setState({ loading: true });

    this.props.firebase.users().on('value', snapshot => {
      const usersObject = snapshot.val();
      const dataSource = Object.keys(usersObject).map(key => ({
        ...usersObject[key],
        uid: key,
      }));
      this.setState({
        users: dataSource,
        loading: false,
      });
    });
  }

  componentWillUnmount() {
    this.props.firebase.users().off();
  }

  render(){

    const { users, loading } = this.state;

    const columns = [
      {
        title: 'Имя',
        dataIndex: 'name',
        key: 'name',
      },
      {
        title: 'Фамилия',
        dataIndex: 'surname',
        key: 'surname',
      },
      {
        title: 'E-mail',
        dataIndex: 'email',
        key: 'email',
      },
      {
        title: 'Телефон',
        dataIndex: 'phone',
        key: 'phone',
      },
   ////////////Сюда/////////////
      {
        title: 'Статус',
        key: 'check',
        dataIndex: 'check',
      },
    ////////////////////////  
      {
        title: 'Действие',
        dataIndex: 'action',
      },
    ];

    return(
      <div>
        {loading && <Spin size="large" /> }
        <Table
        columns={columns}
        dataSource={users}
         />
      </div>
    );
  }
}

export default withFirebase(TableOffice);
  • Вопрос задан
  • 104 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
Добавьте в объект с описанием столбца check свойство render:

{
  title: 'Статус',
  key: 'check',
  dataIndex: 'check',
  render: status => status ? 'На работе' : 'Отсутствует',
},
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы