Graphql / Apollo / React не может импортировать локальные изображения - PullRequest
Новая
       10

Graphql / Apollo / React не может импортировать локальные изображения

0 голосов
/ 19 декабря 2018

Я только начал играть с Graphql / Apollo несколько дней назад, и сегодня у меня возникла эта проблема.У меня есть большая навигационная панель, в которой есть значок для каждой ссылки.Вот мой код: 

let nav_options = [
{
 name: 'Dashboard',
 image: 'pictures/icons/dashboard.png',
 link: '/#'
},
{
 name: 'Report',
 image: './pictures/icons/dashboard.png',
 link: '/#'
},
]

, а затем 

export const Routes = () => (
 <Router>
  <div class="app-container">
   <nav class="main-menu">
    <ul>
    {nav_options.map(option => (
      <li>
        <Link to={option.link}>
        <input className="icon" type="image" src={option.image} />
          <span class="nav-text">
            {option.name}
          </span>
        </Link>
      </li>
    ))}

{option.name} и {option.link} работают отлично.Я чувствую, что что-то упускаю .?100100

Я ИСПРАВЛЕНО: вот как 

image: require('pictures/icons/dashboard.png'),

1 Ответ

0 голосов
/ 19 декабря 2018

Вам нужно требовать или импортировать изображения. 

    let nav_options = [ 
{ 
 name: 'Dashboard',
 image: require('pictures/icons/dashboard.png'),
 link: '/#'
}, 
{ 
 name: 'Report',
 image: require ('./pictures/icons/dashboard.png'), 
link: '/#' 
}, 
]
...