После предыдущего вопроса я обнаружил несколько вещей.Я использую следующие две ссылки (на один и тот же файл).
var Image1 = require("../assets/author.png");
import Image2 from "../assets/author.png";
В методе render () я пытаюсь создать разметку двумя способами.
<img style={imgStyle} src={Image1} />
<img style={imgStyle} src={Image2} />
Вопреки моим ожиданиям, они оказываются по-разному.
<img style="margin: 15px;" src="1e0cf4ef57ac9ab0521646ee9c657eae.png">
<img style="margin: 15px;">
Я не уверен, что с этим делать.
Каково руководство, чтоимя файла было преобразовано в?Могу ли я контролировать это?Должен ли я вмешаться в это?
Что происходит с частью src из разметки?Может ли он просто так исчезнуть?Что я могу с этим поделать?
Я добавил файл с определением TypeScript, как показано ниже, чтобы программа поняла, что это допустимый тип модуля.Не совсем уверен, что он действительно достигает этой цели.
declare module "*.png" {
const value: any;
export default value;
}