Detailed explanation of properties in react-router

This article mainly introduces you to react-router The relevant content of the attributes of this article will be shared for your reference and learning. Let’s take a look at the detailed introduction together:

Using Link Tags

// String location descriptor String location descriptor.&lt;Link to="/hello"&gt;
 Hello
&lt;/Link&gt;

// Object location descriptor Object location descriptor.&lt;Link to={{ pathname: '/hello', query: { name: 'ryan' } }}&gt;
 Hello
&lt;/Link&gt;

// Function returns location descriptor Function returning location descriptor.&lt;Link to={location =&gt; ({ ...location, query: { name: 'ryan' } })}&gt;
 Hello
&lt;/Link&gt;

Attribute description

activeClassName

When clicked, the className accepts its value (activeClassName), which is not activated by default;

activeStyle

When clicked, the value in activeStyle is added to the converted<a/>The style isstyle="color:red;"

onClick(e)

Customize the click event handler.

(): Block the default event
(): Stop the bubbling of events

onlyActiveOnIndex

If the value of onlyActiveOnIndex is true, the specified route will be connected only when the path in it exactly matches.

other

You can also define title, id, and className properties on it;

Summarize

The above is the entire content of this article. I hope the content of this article will be of some help to your study or work. If you have any questions, you can leave a message to communicate. Thank you for your support.