极客观点
项目管理
HarmonyOS
我想读取全局变量image01中url然后复制给react组件中的image,请问如何才能实现
var ImagesConfig = (function(){
return {
// 是否开启图片轮播功能
imagePlay: true,
// 轮播起始位置
currentIndex : 0,
// 图片轮播间隔
time : 3000,
// 是否开启读取自定义图片
custom: true,
// 轮播图片路径
image01:{
url:'../../../../public/imagesConfig/custom/slide1.jpg'
},
image02:{
url:'../../../../public/imagesConfig/custom/slide2.jpg'
},
image03:{
url:'../../../../public/imagesConfig/custom/slide3.jpg'
},
image04:{
url:'../../../../public/imagesConfig/custom/slide4.jpg'
},
image05:{
url:'../../../../public/imagesConfig/custom/slide5.jpg'
},
image06:{
url:'../../../../public/imagesConfig/custom/slide6.jpg'
}
}
})();
import React from 'react'
class MessageContainer extends React.Component {
constructor() {
super();
//localStorage.username='再见';
}
render() {
var divStyle = {
position: 'absolute',
top: 0,
left: 0,
width:1920,
height: 1080
}
console.log(ImagesConfig.image01.url)
//var image01 = ImagesConfig.image01.url;
var icon01 = ImagesConfig.image01.url
return (
<div className={'slider'} style={divStyle}>
<ul className={"slider-main"}>
<li className={"slider-panel"}>
<img src={icon01} ></img>
</li>
</ul>
</div>
)
}
}
export default MessageContainer;<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/javascript" src="config/set.js"></script>
</head>
<body>
<div id="app"></div>
<script src="vendor.bundle.js"></script>
<script src="main.bundle.js"></script>
</body>
</html>
