how to add JS file in Node Js

Question

I have added JavaScript file to my Node.js application and imported, but I cannot add the function from my JavaScript file to the click event of a button.

import React from "react";

import styles from "./Homeapp.css";
import Homee from "./Homee";

const Home = ({ handleLogOut }) => {
  return (
    <div id="sidebar">
      <div class="toggel-btn" onClick="toggelsidebar()">
        <span></span>
        <span></span>
        <span></span>
      </div>
      <ul>
        <li>Home</li>
        <li>About</li>
        <li>Contact Us</li>
      </ul>
    </div>
  );
};

You want to add script .js?

Richard Rublev
– Richard Rublev

2021-01-21 15:30:27 +00:00
Commented Jan 21, 2021 at 15:30 — Richard Rublev
– Richard Rublev, Commented Jan 21, 2021 at 15:30

Quentin · Accepted Answer · 2021-01-21 15:31:26Z

1

You need to import the function you want to call, and then pass the function and not a string to your JSX components onClick prop:

import { toggelsidebar } from "./someJsModule"

and

<div class="toggel-btn" onClick={toggelsidebar}>

This assumes that someJsModule.js exports toggelsidebar in the first place.

answered Jan 21, 2021 at 15:31

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gabrielrincon · Accepted Answer · 2021-01-21 15:28:00Z

0

If you file is Homee please add extension.

import Homee from "./Homee.js"

answered Jan 21, 2021 at 15:28

gabrielrincon

9167 silver badges15 bronze badges

Collectives™ on Stack Overflow

how to add JS file in Node Js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related