Pass a function that returns a string in className Reactjs
141
July 03, 2018, at 7:00 PM
I want to pass a function that returns string to set the className of an element by this string in reactjs.
I tried something like this but it didnt return anything:
className={() => shift.spots === 0 ? "notassigned" : "filled"}
Answer 1
As JLRishe pointed out in his comment, you should not use a function but a simple statement instead
className={shift.spots === 0 ? "notassigned" : "filled"}
Answer 2
You need to invoke your function.
return (
<div
className={(() => shift.spots === 0 ? "notassigned" : "filled")()}
/>
);
Or else you are passing an arrow function to className.
-
6:10
-
3:50
-
12:40
-
10:40
Controller Advice bean not instantiated at proper order in Spring Boot 2.4
-
05:20
What should I enter to the connection string to connect my NodeJS application to a MongoDB server?
-
03:40
Unable to use Computed Property Values with Dots - Unable to Set as String - JS
-
10:20
-
01:50
-
00:50
POPULAR ONLINE
- search for elements in a list 107604 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 98047 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 93963 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 91393 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 88112 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 56761 visits
- Adding methods to es6 child class 20144 visits
