我有一个接收图像文件的组件图像。该组件读取文件,并将base64结果放入我的state.base64
变量中。
当我forceUpdate
状态并记录值时,结果在那里,但是在浏览器中看起来是空的。这是我的代码。
Jsbin code
最佳答案
问题出在这部分代码上:
return (
<img src={this.state.base64} {...this.props} />
);
如果您登录
this.props
,则会看到有一个src
道具,其值为null
。因此,{...this.props}
将覆盖您设置的显式src
道具。您可以更改顺序,以便更具体的道具排在最后:
return (
<img {...this.props} src={this.state.base64} />
);
或从
this.props
创建一个对象,并删除src
属性。有关工作示例,请参见http://jsbin.com/rutokutemi/2/edit。