Как добавить несколько ссылок Текстовое поле материала

Question

Как преобразовать текст в TextField MaterialUI, поскольку Hyperlink TextField будет отключен при рендеринге, мне нужно несколько раз отображать несколько ссылок, разделенных запятыми.

{!this.state.disableEdit ? (
                  <TextField
                    multiline
                    rowsMax={15}
                    name="majorIncidentNumber"
                    variant="outlined"
                    label="MI Number"
                    defaultValue={impact.mi_number}
                    InputProps={{
                      readOnly: true,
                    }}
                  />
                ) : (
                  <TextField
                    multiline
                    rowsMax={15}
                    variant="outlined"
                    name="majorIncidentNumber"
                    label="MI Number"
                    defaultValue={this.state.majorIncidentNumber}
                    onChange={this.handleTextChange.bind(this)}
                    helperText="e.g. "MI0009164","MI00092345"
                  />
                )}

В приведенном выше коде я хочу отобразить {impact.mi_number} в виде гиперссылок, разделенных запятыми строка . Я могу обернуть все <a></a>, но это не сработает, если у меня несколько ссылок,

Answer 1

Итак, impact.mi_number похоже на "link1,link2,link3"

Я бы использовал <Link> из Material-UI (или вы можете использовать TextField по своему усмотрению)

import Link from '@material-ui/core/Link';

{impact.mi_number.split(",").map(link => (
  <Link>{link}</Link>
))}