0
129
Viewsadd prop base on condition to react component?
<MyComponent something={somethingIsTrue} />
How to add something as prop to MyComponent if somethingIsTrue? I still wouldn't want something=undefined or something=false because it's still been added to MyComponent. I want it to be
not added as prop
if somethingIsTrue is falsely.
·
Juan Pablo Isaza
3 answers
Answer question0
I have yet to try this but something like this should do the trick.
const conditionalProps = shouldHaveProps ? {something: somethingIsTrue} : {};
<MyComponent {...conditionalProps} />
·
Juan Pablo Isaza
Report
0
You can make use of the dynamic expression in JSX for the desired result
<MyComponent {...(somethingIsTrue ? {something:somethingIsTrue} : {})}/>
·
Juan Pablo Isaza
Report
0
1) You can do as:
Live Demo
const something = true;
const props = something ? { something: something } : null;
return <MyComponent {...props} />;
2) You can toggle component with pass argument if something is truthy
Live Demo
const something = true;
return something
? <MyComponent something={something} />
: <MyComponent />;
·
Juan Pablo Isaza
Report
Answer question