Tengo una variable de JavaScript global que está definida en PHP para usar en un bloque de WordPress.
Cuando la página se carga inicialmente, la imagen de "estrellas" aparece como se esperaba. Cuando se activa un evento de cambio, aparece un error 404 en la consola con "https://site.dev/img/var_set_in_php.imageSunset" como URL en lugar de "https://site.dev/img/sunset.jpg" .
¿Cómo se puede actualizar esto para obtener el valor que se establece en PHP? Soy nuevo en ES6, así que espero que sea algo simple que me estoy perdiendo.
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" />creo que tienes un
var var_set_in_php = { 'imageStars' :'/img/stars.jpg', 'imageSunset' : '/img/sunset.jpg' }y si lo hace, necesita esto para acceder al objeto con una variable compuesta
document.getElementById('image').src = var_set_in_php[`image${name}`];