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

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;

密码笔