Отображение строки graphql в качестве ссылки, если этот отдельный источник ссылки на graphql существует. В противном случае просто показывает его в виде строки - PullRequest
Новая
       20

Отображение строки graphql в качестве ссылки, если этот отдельный источник ссылки на graphql существует. В противном случае просто показывает его в виде строки

0 голосов
/ 19 апреля 2019

У меня есть ряд элементов из кодовой базы, которые либо имеют соответствующее значение ссылки, либо не имеют отдельного значения данных. Они перечислены как post.frontmatter.SourceLink # и post.frontmatter.SourceLinkUrl #.

Я пытаюсь настроить его так, чтобы, если значение sourceLinkUrl # не существовало в базе кода, заголовок SourceLink не указывался как ссылка, поскольку он никуда не идет.

Вот что у меня есть на данный момент. 

 {`${post.frontmatter.sourceLinkUrl1}` != null ? (
                  <a href={`${post.frontmatter.sourceLinkUrl1}/`}>
                    {post.frontmatter.sourceLink1}
                  </a>
                ) : (
                  `${post.frontmatter.sourceLink1}`
                )}

Я раньше не использовал троичный оператор, поэтому думаю, что это верное направление, но я не совсем уверен. Другой подход, который я пробую, это 

{`${post.frontmatter.sourceLinkUrl1}` !== null && (
        <div className="text-grey">
             <a href={`${post.frontmatter.sourceLinkUrl1}/`}>
                 {post.frontmatter.sourceLink1}
             </a>
        </div>
  )}

Но я чувствую, что этот подход ничего не рендерит, если LinkUrl будет нулевым, так что, скорее всего, это тупик.

...