在React中将favicon添加到<helmet>

时间:2018-04-06 22:34:22

标签: reactjs favicon react-helmet

我试图在React App的import java.util.ArrayList; import java.util.List; import java.util.stream.Collectors; public class App { private <T> List<Double> foo(List<T> some) { return some.stream().map(item -> Double.class.cast(item)).collect(Collectors.toList()); } private <T> List foo(List<T> some, Class<T> klass) { if (List.class.isAssignableFrom(klass)) { List result = new ArrayList<>(); for (T item : some) { result.add(foo(List.class.cast(item), item.getClass())); } return result; } else { return foo(some); } } } 标记中添加一个favicon

我当前的<Helmet/>标记看起来像这样。

<Helmet/>

但我收到有关意外令牌的错误,有关如何添加图标的任何输入?我在这里先向您的帮助表示感谢。

3 个答案:

答案 0 :(得分:4)

如果您在项目中使用react-helmet,那么我认为您的代码存在一个问题,即链接应该是单数,而不是复数链接&#39;

试试这个

import Helmet from 'react-helmet'

...

<Helmet>
  <title>ABC</title>
  <meta name="ABC" content: "ABC" />
  <link rel="icon" type="image/png" href="favicon.ico" sizes="16x16" />
</Helmet>

答案 1 :(得分:1)

Lucas的解决方案几乎对我有用,除了我需要将favicon导入react组件并将其用作js变量:

import Helmet from 'react-helmet'
import favicon from './favicon.ico';
...

<Helmet>
  <title>ABC</title>
  <meta name="ABC" content: "ABC" />
  <link rel="icon" type="image/png" href={favicon} sizes="16x16" />
</Helmet>```

答案 2 :(得分:0)

请尝试一下。您输入了错误的关键字(链接=>链接)

<Helmet
        title="ABC"
        meta={[
            { name: "ABC", content: "ABC" }
        ]}
        link={[
              {"rel": "icon", 
               "type": "image/png", 
               "href": "favicon.ico"
              }
             ]}
/>