Включите JavaScript в теги Material-UI

У меня есть этот материал-уи ListItemText:

<ListItemText primary = {<div>
  <Table className = {classes.table}>
    <TableRow>
      <TableCell width = "40">{item.issue_state}</TableCell>
      <TableCell width = "40">{item.issue_number}</TableCell>
      <TableCell width = "600">{item.issue_title}</TableCell>
      <TableCell width = "600">{item.issue_url}</TableCell>
    </TableRow>
  </Table>
</div>}/>

Вместо того, чтобы отображать URL-адрес, я хотел бы иметь что-то вроде этого:

if (item.issue_url.includes("github.com") {
  item.issue_url = 'Public'
}
else if (item.issue_url.includes("github.company.com") {
  item.issue_url = 'Private'
}

где TableCell отображает Public из Private, а не весь URL. Можно ли это сделать?

javascript node.js reactjs material-ui

13.03.2019 20:38

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Сделайте что-то вроде этого:

<ListItemText primary = {<div>
  <Table className = {classes.table}>
    <TableRow>
      <TableCell width = "40">{item.issue_state}</TableCell>
      <TableCell width = "40">{item.issue_number}</TableCell>
      <TableCell width = "600">{item.issue_title}</TableCell>
      <TableCell width = "600">{item.issue_url.includes("github.company.com") ? 'Private' : 'Public' }</TableCell>
    </TableRow>
  </Table>
</div>}/>

13.03.2019 20:45

вы можете использовать, как показано ниже,

<ListItemText primary = {<div>
  <Table className = {classes.table}>
    <TableRow>
      <TableCell width = "40">{item.issue_state}</TableCell>
      <TableCell width = "40">{item.issue_number}</TableCell>
      <TableCell width = "600">{item.issue_title}</TableCell>
      <TableCell width = "600">{
            (item.issue_url.indexOf('github.company.com') >=0)
            ? 'Private' 
            : ((item.issue._url.indexOf('github.com') >=0) 
              ? 'Public'
              : '')
      }</TableCell>
    </TableRow>
  </Table>
</div>}/>

В противном случае рекомендуется создать производное свойство в элементе на основе issue_url.

13.03.2019 20:53

Другие вопросы по теме

Несколько запросов NodeJS?

Обновите документ mongodb, если документ существует, иначе создайте

Discord.js shard.broadcastEval асинхронный

Ошибка при создании начального файла для секвенирования с использованием DataTypes.JSON

Скажите ngix отправить файл из приложения узла с обратным прокси

Как мне связать bcrypt в монорепозитории рабочей области пряжи, используя веб-пакет и бессерверную инфраструктуру?

Хотите проверить, существует ли уже пользователь MongoDB

Как получить сгенерированный идентификатор после вставки строки в Cassandra

JwtModule.registerAsync не работает в NestJS

Доступ к API через GraphQL — цикл по нескольким страницам с Promise.all

Включите JavaScript в теги Material-UI

Ответы 2

Другие вопросы по теме

Похожие вопросы