Есть ли способ изменить изображение значка на локальное изображение в простой реакции?

Question

Я пытаюсь изменить изображение значка кнопки на изображение на моем компьютере, но простое реагирование, похоже, не позволяет мне сделать это. Я пробовал:

1. связывание кнопки с внешней таблицей стилей и изменение фонового изображения оттуда.
2. Использование атрибута встроенного стиля style = {}

Безрезультатно, любая помощь приветствуется!

Answer 1

это возможно, если вы вызываете путь к значку в состоянии вашего HOC (класса компонента) и обновляете состояние внутри события (onClick), вызывая setState()

import React, {Component} from 'react';
import './beside-App-js.css'
class App extends Component {

    state = {
        icone: "pathToCurrent/img.png"
    }

    onChangeFunction = (newimg) => {
        this.setState({
            icone: newimg
        })
    }

    render() {
        const {icone} = this.state;

        return (
            <div>

                <button onClick={this.onChangeFunction.bind(this,"newpath")}>change <img src={icone} /></button>
            </div>
        );
    }
}

export default App;

Codepen