Чи є спосіб додати атрибути до компонента React лише тоді, коли виконано певну умову?
Я повинен додати необхідні та readOnly атрибути для формування елементів, заснованих на виклику Ajax після візуалізації, але я не можу зрозуміти, як це вирішити, оскільки readOnly = "false" - це не те, що повністю опускати атрибут.
У наведеному нижче прикладі слід пояснити, що я хочу, але це не буде працювати (помилка розбору: несподіваний ідентифікатор).
var React = require('React');
var MyOwnInput = React.createClass({
render: function () {
return (
<div>
<input type="text" onChange={this.changeValue} value={this.getValue()} name={this.props.name}/>
</div>
);
}
});
module.exports = React.createClass({
getInitialState: function () {
return {
isRequired: false
}
},
componentDidMount: function () {
this.setState({
isRequired: true
});
},
render: function () {
var isRequired = this.state.isRequired;
return (
<MyOwnInput name="test" {isRequired ? "required" : ""} />
);
}
});
aria-modal=true
, ви натискаєте зміни (на хибність) до сховища атрибутів aria / data , але нічого іншого не змінюється (наприклад, вміст компонента чи клас чи змінні там), оскільки результат ReactJs не оновить aria / дані в цих компонентах. Я цілий день возився, щоб зрозуміти це.