我有一個在 PHP 中定義的全域 JavaScript 變數，用于 WordPress 塊。
當頁面最初加載時，“星星”影像按預期顯示。觸發更改事件時，控制臺中會出現 404 錯誤，其中 URL 為“https://site.dev/img/var_set_in_php.imageSunset”而不是“https://site.dev/img/sunset.jpg” .
如何更新它以提取在 PHP 中設定的值？我是 ES6 的新手，所以希望它只是我遺漏的一些簡單的東西。
wp_localize_script(
'image-js',
'var_set_in_php', // Array containing dynamic data for a JS Global.
array(
'imageStars' => '/img/stars.jpg',
'imageSunset' => '/img/sunset.jpg',
)
);
function onChangeFunction(name) {
// name is set to "Sunset"
document.getElementById('image').src = `var_set_in_php.image${name}`;
}
<img src={var_set_in_php.imageStars} id="image" />
uj5u.com熱心網友回復：
我認為你有一個
var var_set_in_php = {
'imageStars' :'/img/stars.jpg',
'imageSunset' : '/img/sunset.jpg'
}
如果你這樣做，你需要它來訪問帶有復合變數的物件
document.getElementById('image').src = var_set_in_php[`image${name}`];
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/348175.html
標籤：javascript php 变量 ecmascript-6 jsx
上一篇：螢屏鎖定-CodeIgniter
下一篇：為每個用戶mysql無限分配一行