বিক্রিয়া-রাউটারের সাথে সক্রিয় লিঙ্ক?

Question 1

আমি বাইরে চেষ্টা করছি প্রতিক্রিয়া-রাউটার (V4) এবং আমি এনএভি বন্ধ শুরু থাকার বিষয় আছি এক আছে Link's হতে 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সম্পত্তি আছে। প্রতিক্রিয়া-রাউটার ভি 4-এ আপনাকে <NavLink>শর্তযুক্ত স্টাইলিং করতে চাইলে আপনাকে ব্যবহার করতে হবে:

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এবং অন্য কোনও পৃষ্ঠা মিলবে ।