Я новичок в React, и я озадачен чем-то базовым.
Мне нужно добавить компонент в DOM после визуализации DOM в событии click.
Моя первоначальная попытка заключается в следующем, и она не работает. Но это лучшее, что я решил попробовать. (Извиняется заранее за смешение jQuery с React.)
ParentComponent = class ParentComponent extends React.Component {
constructor () {
this.addChild = this.addChild.bind(this);
}
addChild (event) {
event.preventDefault();
$("#children-pane").append(<ChildComponent/>);
}
render () {
return (
<div className="card calculator">
<p><a href="#" onClick={this.addChild}>Add Another Child Component</a></p>
<div id="children-pane">
<ChildComponent/>
</div>
</div>
);
}
};
Надеюсь, это ясно, что мне нужно сделать, и я надеюсь, что вы поможете мне найти подходящее решение.