#reactjs
#реагирует на
Вопрос:
Я очень новичок в react.js и JavaScript, так что заранее приношу свои извинения.
Когда я делаю следующее в JavaScript:
lt;img style="cursor:pointer;" title="Click to edit image" onclick="console.log(this);" src="data:image/png" /gt; Я бы получил ниже в качестве возвращаемого значения. 
Однако, если я сделаю то же самое в React, как:
lt;img style={{ cursor: "pointer" }} title="Click to edit the diagram" onClick={() =gt; console.log(this)} src="data:image/png" /gt; Я бы получил undefined в качестве возвращаемого значения.
Я просто хотел знать, почему это так, и как получить то же значение возвращаемого свойства в React, что и в JavaScript.
Ответ №1:
все атрибуты обычно в react заключаются в фигурные скобки, кроме строк, вы можете импортировать логотип в начале файла следующим образом
import React from "react"; function ImageComponent() { return lt;img style={{ cursor: "pointer" }} title="Click to edit the diagram" onClick={() =gt; console.log("Click")} lt;img src="data:image/png;base64,putYourBase64Here" /gt; /gt; } export default ImageComponent; Комментарии:
1. спасибо за ответ. Но проблема в том, что src, который я сейчас использую, — это данные base64 длиной около 4000 символов, которые невозможно импортировать, как обычное изображение. Есть ли какой-либо способ просто получить возвращаемое значение на картинке выше?
2. попробуйте это lt;img src=»данные:изображение/png;base64,{base64imagestring}» /gt;
3. Я пробую это на своем локальном компьютере, и это работает для меня, и я редактирую код в соответствии с этим, надеюсь, это решит вашу проблему.