रिएक्ट-राउटर के साथ सक्रिय लिंक?

Question 1

मैं रिएक्ट-राउटर (v4) की कोशिश कर रहा हूं और मुझे नव शुरू होने वाले मुद्दों में से एक Linkहोना चाहिए active। अगर मैं इनमें से किसी पर क्लिक करता हूंLink टैग , तो सक्रिय सामान काम करना शुरू कर देता है। हालाँकि, मैं चाहूंगा कि होम Linkशुरू हो, जैसे ही ऐप शुरू हो, क्योंकि यह वह घटक है जो /रूट पर लोड होता है । क्या इसे करने का कोई तरीका है?

यहाँ मेरा वर्तमान कोड है:

const Router = () => (
  <BrowserRouter>
    <div>
      <Nav>
        <Link activeClassName='is-active' to='/'>Home</Link> {/* I want this to start off as active */}
        <Link activeClassName='is-active' to='/about'>About</Link>
      </Nav>

      <Match pattern='/' exactly component={Home} />
      <Match pattern='/about' exactly component={About} />
      <Miss component={NoMatch} />
    </div>
  </BrowserRouter>
)

Question 2

<Link>अब activeClassNameया activeStyleगुण नहीं है। <NavLink>यदि आप सशर्त स्टाइलिंग करना चाहते हैं, तो प्रतिक्रिया-राउटर v4 का उपयोग करना होगा:

const Router = () => (
  <BrowserRouter>
    <div>
      <Nav>
        <NavLink exact={true} activeClassName='is-active' to='/'>Home</NavLink>
        <NavLink activeClassName='is-active' to='/about'>About</NavLink>
      </Nav>

      <Match pattern='/' exactly component={Home} />
      <Match pattern='/about' exactly component={About} />
      <Miss component={NoMatch} />
    </div>
  </BrowserRouter>
)

मैंने घर में एक सटीक संपत्ति जोड़ी <NavLink>, मुझे पूरा यकीन है कि इसके बिना, घर लिंक हमेशा सक्रिय /रहेगा क्योंकि /aboutआपके पास और आपके पास मौजूद किसी भी अन्य पृष्ठों से मेल खाएगा ।