Блог

Главная - Вопросы по программированию - Фоновое изображение в стиле ReactJS с URL

Фоновое изображение в стиле ReactJS с URL

#reactjs

#reactjs

Вопрос:

Получение ошибки при этом

<body onload="setupZoom();" style={{background:url("/img/bg.jpg") repeat-x #fff}}>

Babel жалуется либо на регулярные выражения, когда я убираю двойные кавычки, либо на неожиданный токен , . 

 { SyntaxError: /Users/robert/multiDomainCMS/views/winwinhost.com/index.jsx: Unexpected token, expected "," (49:72)

  47 |       <title>Unlimited Windows Web Hosting, Unlimited Reseller Hosting, Web hosting amp; Domain Names</title>
  48 |       </head>
> 49 |       <body onload="setupZoom();" style={{background:url("/img/bg.jpg") repeat-x #fff}}>
     |                                                                         ^
  50 |
  51 |       <div class="d_container">
  52 |         <div class="d_header">
    at Object.raise (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:3831:17)
    at Object.unexpected (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:5143:16)
    at Object.expect (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:5135:28)
    at Object.parseObj (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:6600:14)
    at Object.parseExprAtom (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:6229:21)
    at Object.parseExprAtom (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:3552:20)
    at Object.parseExprSubscripts (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:5862:23)
    at Object.parseMaybeUnary (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:5842:21)
    at Object.parseExprOps (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:5729:23)
    at Object.parseMaybeConditional (/Users/robert/multiDomainCMS/node_modules/@babel/parser/lib/index.js:5702:23)
  pos: 3141,
  loc: Position { line: 49, column: 72 },
  code: 'BABEL_PARSE_ERROR' }

Я был бы действительно признателен за некоторую помощь, потому что я понятия не имею:
Что я делаю не так?

Комментарии:

1. вы пробовали создать значение background в виде строки? style={{background: 'url("/img/bg.jp") repeat-x #fff'}}>

2. body отсутствует на территории React. ваш стиль должен быть чем-то вроде style="background:url('/img/bg.jpg') repeat-x #fff"

Ответ №1:

Вы забыли добавить одинарные кавычки к background значению <body onload="setupZoom();" style={{background: 'url("/img/bg.jpg") repeat-x #fff'}}>