首页 新闻 搜索 专区 学院

React中使用canvas画图没有效果

0
悬赏园豆:80 [待解决问题]

结构是下面这样的,但是没有效果

import 。。。。。

class TradingCenter extends Component {

constructor() {
super();
}

componentDidMount() {
{localStorage.getItem('cookie_state') === '0'? (
this.draw()
) : ''}

}

draw = () => {
var canvas = document.getElementById("canvas");
var ctx=canvas.getContext('2d');
ctx.fillRect(100, 100, 300, 150);
ctx.fillStyle ="rgb(0, 0, 0, 0.6)";
ctx.fill();
ctx.strokeStyle = "red";
}
render() {
return(
<div>
{localStorage.getItem('cookie_state') === '0'? (
<canvas id="canvas" width={document.body.clientWidth} height={document.body.scrollHeight}></canvas>
) : ''}
</div>
)
}

}

export default myConnect(
state => ({
...state.tradingCenter,
...state.appConfig,
mobile: state.userConfig.mobile,
email: state.userConfig.email,
precision: state.tokenConfig.precision,
tokenMap: state.tokenConfig.tokenMap,
tokenName: state.tokenConfig.tokenName,
istransaction: state.tokenConfig.istransaction,
tokenCNName: state.tokenConfig.tokenCNName
}),
dispatch => bindActionCreators(actions, dispatch)
)(TradingCenter);

Eternity_twinkle的主页 Eternity_twinkle | 初学一级 | 园豆:4
提问于:2018-09-30 14:59
< >
分享
所有回答(1)
0

老哥,你这代码首先不好看,第二没有截图来详细阐述一下,初步一看可能是节点获取问题导致的。关于react的节点获取你需要去看看。

赵洲web | 园豆:211 (菜鸟二级) | 2018-10-10 10:52
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册