我有一个接收图像文件的组件图像。该组件读取文件,并将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

10-06 04:26
查看更多