2015-12-15 2 views
-1

Я рендеринга следующий код в моем Реагировать JS:Как написать реагировать переменную JS в HTML

<a href="http://localhost/PHP-React-Demo/update_record.html?id="{stud.id}>//this code I want to create a link dynamically with this. 

Я хочу связать это с особым ID теперь я получаю ошибки как:

Parse Error:object, как вернулся из jstransform

+0

Ошибка: Ошибка: Parse Error: Строка 38: Неожиданный идентификатор по адресу: //localhost/PHP-React-Demo/ajax_call.html ... Demo/update_record.html ид = "{d.id}> Изменить ^ \t * @return {object} объект, возвращенный из jstransform –

+0

Вы используете babel для пересылки кода реакции? или простой javascript? Если babel, вы можете попробовать строку интерполяции 'http: //localhost/PHP-React-Demo/update_record.html? Id = $ {stud.id}' – oobgam

+0

, если pure js, 'var link =" http: // localhost/PHP-React-Demo/update_record.html? id = ";' 'link + = stud.id;' ' oobgam

ответ

2
<a href={ "http://localhost/PHP-React-Demo/update_record.html?id=" + stud.id}> 

Реагировать не работает в качестве замены строки, все компилируется вплоть до функций, которые затем выполняют. Добавив строку в фигурные скобки, вы получите то, что будет return "string" + variable, что и будет в конечном итоге в вашем HTML.

Составленный код будет в конечном итоге что-то вроде:

element.setAttribute('href', "<a href="http://localhost/PHP-React-Demo/update_record.html?id=" + stud.id) 

Реагировать обрабатывает вещи, как получить элемент и убедившись, что stud.id находится в области видимости (среди многих других вещей)

+0

Спасибо за его работу –

Смежные вопросы