0
Ich habe eine a-Box ähnlich wie twitter mit react erstellt. Ich habe mir die react-Dokumentation angesehen, die mehrere Komponentenlebenszyklen gefunden hat, aber nicht sicher, welche ich verwenden sollte, um meine Code-Leistung zu verbessern: componentDidMount oder componentWillMount?componentDidMount oder componentWillMount welches ich brauche
Wenn ich etwas in mein Textfeld eintippe, sehe ich ein Update in der Konsole, das den Textfeldwert druckt. Kann mir jemand helfen zu verstehen, welche Methode zu verwenden und wann in diesem Fall?
https://jsfiddle.net/c9zv7yf5/2/
class TwitterBox extends React.Component {
constructor(props) {
super(props);
this.state = { enteredTextBoxvalue : '' };
this.handleChange = this.handleChange.bind(this);
}
handleChange(event) {
this.setState({enteredTextBoxvalue: event.target.value});
if((event.target.value).length > 3) {
this.setState({className : 'wholeContainer'});
//console.log("long characters");
}
}
render() {
return (<div>Hello {this.props.name}
<textarea className={this.state.className}
value={this.state.enteredTextBoxvalue}
onChange = {this.handleChange}>
there should be only 140 characters
</textarea>
</div>);
}
}
ReactDOM.render(
<TwitterBox name="World" />,
document.getElementById('container')
);
Die offizielle Dokumentation eigentlich ganz gut erklärt, welche „Lifecycle-Methode“, in der Lage zu nutzen: https://facebook.github.io/react /docs/react-component.html –
@TomVanRompaey hey Ich lese durch die Dokumentation aber nicht sicher, wann zu implementieren ... es wäre toll, wenn Sie mir helfen ... –