Render gültig href mit React passing Requisiten

Question

neu in die Welt der reagieren, so sei nett :-) Ich möchte Requisiten zu einem Link wie so <a href={this.props.text} </a> übergeben, aber ich möchte das in einen "gültigen" Link also wenn konvertieren Ich würde dynamische Inhalte wie "neu zu reagieren" weitergeben, die in /new-to-react umgewandelt würden.

Wie gehe ich vor, damit dies funktioniert? Ich habe nach React-Komponenten gesucht, aber nichts gefunden.

Macht Sinn? Jede Eingabe wird sehr geschätzt, danke.

Answer 1

Sie können diese Dienstprogrammfunktion verwenden, um Ihren Text in einen Slug zu ändern.

function slugify(text){ 
    return text.toString().toLowerCase() 
    .replace(/\s+/g, '-')   // Replace spaces with - 
    .replace(/[^\w\-]+/g, '')  // Remove all non-word chars 
    .replace(/\-\-+/g, '-')   // Replace multiple - with single - 
    .replace(/^-+/, '')    // Trim - from start of text 
    .replace(/-+$/, '');   // Trim - from end of text 
} 

Also, wenn Sie Ihre this.props.text mit slugify wickeln, dann werden Sie den entsprechenden Rohling bekommen.

zum Beispiel:

Wenn this.props.text war 'Hello World', {slugify(this.props.text)} zu 'hello-world'

Kredit zu diesem Kern wäre: https://gist.github.com/mathewbyrne/1280286