Как я могу импортировать локальный (мой системный) png файл в приложение React?

Question

Сначала я пытался получить значки .png из API, который я сделал, но мой браузер отображает его как изображение, так как я использовал тег, или даже если я хочу импортировать из локальной системы, он все равно отображается как файл изображения с использованием тега ...

Answer 1

вы можете использовать нижеприведенное решение. Так как для Icon создан отдельный компонент типа

import React, { PropTypes } from "react";

const Icon = props => {
    const styles = {
        img: {
            width: `${props.size}`,
            height: `${props.size}`
        }
    };
    return <img style={styles.img} src={props.icon} />;
};

Icon.propTypes = {
    size: PropTypes.string,
    icon: PropTypes.string.isRequired
};

Icon.defaultProps = {
    size: 32
};

export default Icon;

Подробнее Здесь