Как назначить текст поля текстового поля в реакцию Redux

Question

компонента:

BaseForm:

 ); 
    } 

я мог бы в состоянии получить студенческие данные из базы данных. this.props.firstname печатает точное значение страницы. Но мне нужно отобразить одно и то же значение в текстовом поле React Feild. Я попытался создать свойство value в поле и присвоить ему значение(), которое не сработало.

Answer 1

Это будет зависеть от контроля поля, которые вы используете, хотя, если он проходит все свои реквизиты для подкомпонента вы можете пройти через значения собственностей следующим образом:

<Field name="firstName" component={this.renderTextField} 
     value={this.props.firstName} className="form-control" 
     label="Enter your first name" /> 

Несколько замечаний по вашему коду:

1. Реагировать принципы предполагают, что вы называете компоненты, начиная с заглавной буквы, .eg BaseForm.RenderTextField

2. при расширении BaseForm - команда React предлагает построить состав компонентов вместо расширения/подкласса, что сделает код более чистым. Особенно учитывая, что ваш BaseForm.renderTextField не ссылается на это, например.

   export default class StudentForm extends React.Component { 
   ... 
       <Field name="firstName" component={BaseForm.RenderTextField} 
        className="form-control" label="Enter your first name" 
        value={this.props.firstName} />