(
                  
                  
                    <h1>Hello {data.target}</h1>
                  
                  
                  )}/>ВОПРОС:
                  
                  
                   как я обнаружил, в моем случае, в этом коде,
                  
                  
                  будучи внутри render= { props => вот тут я не могу использовать this.state.contacts
                  
                  
                  тут видимо scope тут другой 
                  
                  
                  но мне нужно каким-то образов достать state вот тут
                  
                  
                  
                  
                  
                  Каким образом достать this.state внутри render props ? 
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                   в моем случае я юзаю так с Formik:
                  
                  
                  <Formik
                  
                  
                                  initialValues={{
                  
                  
                                      contacts,
                  
                  
                                  }}
                  
                  
                                  isInitialValid
                  
                  
                                  onSubmit={(values, actions) => {
                  
                  
                                      // actions.enableReinitialize(true);
                  
                  
                                      actions.setSubmitting(false);
                  
                  
                                      this.saveContacts(values);
                  
                  
                                  }}
                  
                  
                                  validate={this.onContactsFormChange}
                  
                  
                                  render={props => (
                  
                  
                                      <form onSubmit={props.handleSubmit}>
                  
                  
                                          <Card>
                  
                  
                                              <CardHeader>Kontakt</CardHeader>
                  
                  
                                              <CardContent>
                  
                  
                                                  {!edit &&
                  
                  
                                                      this.state.contacts
                  
                  
                                                          .filter(cont => all || (!all && (cont.isPrimary === 'true' || cont.isPrimary)))
                  
                  
                                                          .map((cont, index) => {
                  
                  
                  ........ . . . . . . . . . . . . ..  .. . . . . . . .. .
                  
                  
                
Gist
Вопервых все должно работать, скоуп правильный. Во вторых вынесите по максимому всю логику из рендера, там могут быть маппинги, но не фильтры и т.п.
Обсуждают сегодня