renderTitleField(field){
    return (
      <div>
        <input 
          type="text"
          {...field.input}
        />
      </div>
    );
  }
// ... spread operator calls all properties in the field.input object and uses them as props to the input tag
spread operator calls all properties in the field.input object and uses them as props to the input tag
spread operator calls all properties in the field . input object and uses them as props to the input tag
renderTitleField(field){
    return (
      <div>
        <input 
          type="text"
          {...field.input}
        />
      </div>
    );
  }
renderTitleField ( field ) { return ( < div > < input type = "text" { ... field . input } / > < / div > ) ; }
... spread operator calls all properties in the field.input object and uses them as props to the input tag
... spread operator calls all properties in the field . input object and uses them as props to the input tag