I want to display data in a table in issueglance i am unable to do it

Ankit kharola

 

 

import { Table, Head, Cell, Text, Row } from '@forge/react';

import React, { useState, useEffect } from 'react';

const issues = [

  {

    key: 'XEN-1',

    status: 'In Progress',

  },

  {

    key: 'XEN-2',

    status: 'To Do',

  },

];

const TableIssues = () => (

  <Table>

    <Head>

      <Cell>

        <Text>Issue Key</Text>

      </Cell>

      <Cell>

        <Text>Status</Text>

      </Cell>

    </Head>

    {issues.map(issue => (

      <Row >

        <Cell>

          <Text>{issue.key}</Text>

        </Cell>

        <Cell>

          <Text>{issue.status}</Text>

        </Cell>

      </Row>

    ))}

  </Table>

);

export default TableIssues

Tuncay Senturk _Snapbytes_

Hi @Ankit kharola 

Welcome to the Community!

What error are you getting? Could you elaborate please?

At first glance I'd say, React requires a unique key. You should add a key to the Row component inside the .map method.

Also make sure that you're using the issueglance module properly in your manifest file.

Last, I'd recommend the Atlassian Developer Community for this sort of questions as you'll receive more responses there.