react.js предотвратить атрибут из записывается

Question

Предположим, у меня есть react.js компонент с помощью этого метода визуализации (с использованием JSX):

render: function() { 
    return (
    <a href={this.state.something?this.props.url:null}>Click</a> 
); 
} 

Независимо от бесполезности этого компонента, мой вопрос заключается в следующем:

В случае, если something является ложным, отреагируйте на это как <a href>Click</a>, но я бы предпочел его визуализировать как <a>Click</a>.

Как я могу это достичь?

Answer 1

Вы можете использовать объект распространяться здесь, если это поддерживается!

var props = {href:this.props.url}; 
if(!this.state.something){ 
    props = {} 
} 
return <a {...props}>Click</a> 

Answer 2

Вы можете достичь этого с помощью следующего кода, в основном добавляя «href» к URL-адресу.

render: function() { 
    return (
    <a {this.state.something?"href="+this.props.url:null}>Click</a> 
); 
} 

Answer 3

Если вы просто хотите, чтобы убедиться, что href не появляется, то вы могли бы сделать, как это, а также избежать текста в тройном оператора для несколько чище выглядеть

render = function() { 
    props = this.state.something? {href: this.props.url} : {}; 
    el = react.createElement('a', props, 'Click'); 
    return el; 
}