У меня есть компонент класса в реакции, который я реорганизовал из метода рендеринга, и он выглядит следующим образом в моем файле index.js.
class speakerCard extends Component {
render() {
return <div>
<img className="card-img-top" src={`/static/speakers/Speaker-${this.props.speaker.id}.jpg`}/>
<div className="card-body">
<a href="#" className="btn btn-lg btn-block btn-outline-primary margintopbottom10">Details</a>
<h4 className="card-title">{this.props.speaker.firstName} {this.props.speaker.lastName} </h4>
<p className="card-text">{this.props.speaker.bioShort}</p>
</div>
</div>;
}
}
Есть ли какой-нибудь приятный рефакторинг в WebStorm, который позволил мне вытащить это прямо в его собственный файл? (SpeakerCard.js).