React Link bileşeninde onClick olayı nasıl kullanılır?

Reactjs yönlendiricisinden Link bileşenini kullanıyorum ve onClickevent'in çalışmasını sağlayamıyorum. Kod bu:

<Link to={this.props.myroute} onClick='hello()'>Here</Link>

Bunu yapmanın yolu mu yoksa başka bir yol mu?

Sen geçiyoruz hello()da, bir dize olarak hello()yürütmek anlamına hellohemen.

Deneyin

onClick={hello}

Bunu kullanmalısın:

<Link to={this.props.myroute} onClick={hello}>Here</Link>

Veya (yöntem hellobu sınıfta yer alıyorsa ):

<Link to={this.props.myroute} onClick={this.hello}>Here</Link>

Güncelleme: ES6 ve en son sürüm için, tıklama yöntemiyle bazı parametreleri bağlamak istiyorsanız, şunu kullanabilirsiniz:

    const someValue = 'some';  
....  
    <Link to={this.props.myroute} onClick={() => hello(someValue)}>Here</Link>

Bunun genel olarak kullanmak için iyi bir model olduğuna inanmıyorum. Bağlantı, onClick olayınızı çalıştıracak ve ardından rotaya yönlendirecektir, böylece yeni rotaya navigasyonda hafif bir gecikme olacaktır. Daha iyi bir strateji, yaptığınız gibi 'to' prop ile yeni rotaya gitmektir ve yeni bileşenin componentDidMount () işlevinde merhaba işlevinizi veya başka herhangi bir işlevi çalıştırabilirsiniz. Size aynı sonucu verecektir, ancak rotalar arasında çok daha yumuşak bir geçişle.

Bağlam için, bunu, redux mağazamı burada olduğu gibi Link'te bir onClick olayıyla güncellerken fark ettim ve yeni rota bileşenini takmadan önce ~ .3 saniyelik boş beyaz ekran gecikmesine neden oldu. API araması yoktu, bu yüzden gecikmenin bu kadar büyük olmasına şaşırdım. Ancak, konsolda yalnızca 'merhaba' kaydı yapıyorsanız, gecikme fark edilmeyebilir.