Javascript 如何删除语义'；s表

所以我使用语义ui react，创建了一个表组件，但遇到了一个障碍。除了一条分隔线之外，我不需要任何分隔线，这条线将表头行与表体分隔开。这是我到目前为止得到的，没有改变或添加任何CSS值

<Table basic="very">
    <Table.Header>
        <Table.Row>
            <Table.HeaderCell singleLine>{gameScoreCardData.shortDetail}</Table.HeaderCell>
            <Table.HeaderCell>1</Table.HeaderCell>
            <Table.HeaderCell>2</Table.HeaderCell>
            <Table.HeaderCell>3</Table.HeaderCell>
            <Table.HeaderCell>4</Table.HeaderCell>
            {/* <Table.HeaderCell>OT</Table.HeaderCell> */}
            <Table.HeaderCell>T</Table.HeaderCell>
        </Table.Row>
    </Table.Header>

    <Table.Body>
        <Table.Row>
            <Table.Cell>
                <img className="ui avatar image" src={gameScoreCardData.away.logo} />
                {gameScoreCardData.away.name}
                {"( "}
                {gameScoreCardData.away.totalRecord}
                {", "}
                {gameScoreCardData.away.record}
                {" Home)"}
            </Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.away.linescore1}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.away.linescore2}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.away.linescore3}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.away.linescore4}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.away.score}</Table.Cell>
        </Table.Row>

        <Table.Row>
            <Table.Cell>
                <img className="ui avatar image" src={gameScoreCardData.home.logo} />
                {gameScoreCardData.home.name}
                {"( "}
                {gameScoreCardData.home.totalRecord}
                {", "}
                {gameScoreCardData.home.record}
                {" Home)"}
            </Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.home.linescore1}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.home.linescore2}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.home.linescore3}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.home.linescore4}</Table.Cell>
            <Table.Cell singleLine>{gameScoreCardData.home.score}</Table.Cell>
        </Table.Row>
    </Table.Body>
</Table>;

{gamescorrecardata.shortDetail}
1.
2.
3.
4.
{/*OT*/}
T
{gamescorrecardata.away.name}
{"( "}
{gamescorrecardata.away.totalRecord}
{", "}
{gameScorecardata.away.record}
{“家”}
{gamescorrecardata.away.linescore1}
{gamescorrecardata.away.linescore2}
{gamescorrecardata.away.linescore3}
{gamescorrecardata.away.linescore4}
{gamescorrecardata.away.score}
{gamescorrecardata.home.name}
{"( "}
{gamescorrecardata.home.totalRecord}
{", "}
{gamescorrecardata.home.record}
{“家”}
{gamescorrecardata.home.linescore1}
{gamescorrecardata.home.linescore2}
{gamescorrecardata.home.linescore3}
{gamescorrecardata.home.linescore4}
{gamescorrecardata.home.score}
;

这里有一个表的codesandbox链接，可能更简单。注意：javascript变量在codesandbox的stackoverflow代码中是不同的名称，但请相信我，它们是相同的值。

---

在css文件中添加规则以删除边框-.ui.basic.table td{border:none；}