有什么方法可以将主图标中的图标图像更改为本地图像？

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