Techiio-author
Started by Lusi MacdonaldNov 9, 2021

Open
Unable to use variable in react js functional component, I am using JSX extension file

4 VIEWES 0 LIKES 0 DISLIKES SHARE
0 LIKES 0 DISLIKES 4 VIEWES SHARE

I'm using react js in laravel, I created one useful element with JSX extension record and tried to use an easy variable but was not able to apply that during the HTML tag.

import React from 'react';
//functional component
const HeaderComp = () => {
    const MIX_APP_URL = process.env.MIX_APP_URL;
    console.log(MIX_APP_URL);//here working fine
    return (
        <header>
            {/*Here not working*/}
            <img src="{MIX_APP_URL}" className="img img-fluid" />
        </header>
   );
}

1 Replies

Techiio-commentatorPrince Mishra replied a month ago0 likes0 dislikes

I can see that you do not exported your component ,

you need to write export default HeaderComp ; in the bottom of the component
and there is one more mistake   -- Try without the quotes: src={MIX_APP_URL}
You must be Logged in to reply
Trending Technologies
15
Software40
DevOps47
Frontend Development24
Backend Development20
Server Administration17
Linux Administration26
Data Center24
Sentry24
Terraform23
Ansible83
Docker70
Penetration Testing16
Kubernetes21
NGINX20
JenkinsX17
Techiio-logo

Techiio is on the journey to build an ocean of technical knowledge, scouring the emerging stars in process and proffering them to the corporate world.

Follow us on:

Subscribe to get latest updates

You can unsubscribe anytime from getting updates from us
Developed and maintained by Wikiance
Developed and maintained by Wikiance