javascript - bertindak balas menyemak bahawa kotak input tidak diberikan buat kali pertama, menyemak sama ada terdapat nilai lalai, dan dalam kitaran hayat ia ditulis

Question

Penerangan adegan

1 Saya mempunyai senarai berita, dan senarai berita mempunyai butang edit
2 Klik butang edit dan akan ada kotak timbul dengan nilai lalai, tetapi beberapa kotak input kosong
3 input dalam kotak pop timbul Kotak adalah komponen yang berasingan.

Penerangan masalah

Oleh kerana kotak input dalam kotak pop timbul adalah komponen yang berasingan, jadi selepas saya menukar satu berita, saya akan mengklik edit berita lain, jadi saya ingin bertanya dalam kitaran hayat yang saya perlu menyemak kotak pop timbul setiap kali saya mengklik Sama ada kotak input mempunyai nilai lalai dan bertindak balas dengan sewajarnya.

Answer 1

componentWillMount

Answer 2

componentDidMount

Answer 3

Oleh kerana terdapat kotak input, nilai kotak input hendaklah keadaan kotak pop timbul Jika terdapat hanya satu kotak timbul pada satu-satu masa, kotak timbul hanya perlu dikekalkan satu contoh. Jadi terima data masuk dalam componentWillRecevieProps dan tetapkan nilai status mengikut data:

componentWillRecevieProps (nextProps) {
  this.setState({news: nextProps.news})
}