How to spread component props inside passed node element?
Vano
My question might be confusing but let me explain with an example here, let's say I have Button component and it has 5 different props like (type, href, appearance...) and if we want to do following:
<Button type='button' href='<a { ...buttonProps }>Test Link</a>'/>
Basically attach all Button props to a tag easily.
I found something similar over here but didn't get it. Any suggestions?
Amit Chauhan
You need to change your button component and it should accept tag as property.
export default function Button({ Tag = "button", children, ...props }) {
return <Tag {...props}>{children}</Tag>;
}
use button like this.
<Button>Test</Button>
<Button Tag="a" href="https://stackoverflow.com/" target="_blank">
Test Link
</Button>
working codesandbox:
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
Related
TOP Ranking
- 1
pump.io port in URL
- 2
How to import an asset in swift using Bundle.main.path() in a react-native native module
- 3
Failed to listen on localhost:8000 (reason: Cannot assign requested address)
- 4
Double spacing in rmarkdown pdf
- 5
SQL Server : need add a dot before two last character
- 6
C++ 16 bit grayscale gradient image from 2D array
- 7
JMeter: Why get error when try to save test plan
- 8
JWT gives JsonWebTokenError "invalid token"
- 9
How to make thrown errors visible outside of a Promise?
- 10
How to tell if iOS Today Widget is being updated in the background?
- 11
Calling Doctrine clear() with an argument is deprecated
- 12
Capybara Selenium Chrome opens About Google Chrome
- 13
How to update azerothcore-wotlk docker container
- 14
Adding Ripple Effect to RecyclerView item
- 15
mysql.connector.errors.InterfaceError: 2003: Can't connect to MySQL server on '127.0.0.1:3306' (111 Connection refused)
- 16
Error while applying filter on dataframe - PySpark
- 17
Unable to add slack to bluemix project
- 18
MyPy fails dataclass argument with optional list of objects type
- 19
How can I validate and parse phone numbers to extract their country calling code and area code?
- 20
Single Sign-On in Spring by using SAML Extension and Shibboleth
- 21
python how to create many-to-many of lists inside one list
Comments