react如何将请求回来的验证码图片渲染到页面中

Question

这个是代码图片:

页面效果:

图片也获取到了，就是渲染不进去，具体是啥子原因？

Answer 1

这个我最后咩有用ajax，用state状态改的路径，

<Form.Item
                        label="验证码"
                    >
                        {getFieldDecorator('verifyInput', {
                            rules: [{required: true, message: '请输入验证码!'}]
                        })(
                            <Input/>
                        )}
                        <div>
                            <img src={this.state.verify} alt="验证码" onClick={this.handleVerify}/>
                            <span onClick={this.handleVerify}>点击更换</span>
                        </div>
                    </Form.Item>

。。。

handleVerify = () => {
        this.setState({verify: `/v1/api/userinfo/getVerify?${Math.random()}`});
    }

Answer 2

根据preview的这个效果，我猜一下，后台返回的是img标签。你页面中的img标签的src是你请求回来的img标签，所以显示不出来