Преобразуйте const в компонент

Question

так что я использую const, как я могу изменить его на реагировать компонент с теми же реквизитами и функциями карты?

Мне нужно изменить состояние на это.

const SyncValidationForm = (props) => {
  const { handleSubmit, pristine, reset, submitting } = props
  return (
    <form className ="formmailforbook" onSubmit={handleSubmit(submit)}>

      <Field name="email" type="email" component={renderField} label="Email"/>
      <div>
        <button className ="hero_button margin_left" type="submit" disabled={submitting}>Submit</button>
      </div>

    </form>
  )
}

Answer 1

Это очень просто ... скопируйте код в новый файл и добавьте export default перед тем, как что-то подобное.

export default const SyncValidationForm

Импортируйте файл, когда вы импортируете другие компоненты, где вы когда-либо захотите компоненти используйте импортированное имя в качестве имени jsx в качестве обычного и предоставьте реквизит.

Answer 2

Довольно простой перевод, вы можете выполнить такую ​​же деструктуризацию опоры в методе render.Единственное небольшое изменение в том, что теперь он тянет от this.props:

import React, { Component } from 'react';

export default class SyncValidationForm extends Component {
  render () {
    const { handleSubmit, pristine, reset, submitting } = this.props;
    return (
      <form className ="formmailforbook" onSubmit={handleSubmit(submit)}>

        <Field name="email" type="email" component={renderField} label="Email"/>
        <div>
          <button className ="hero_button margin_left" type="submit" disabled={submitting}>Submit</button>
        </div>

      </form>
    )
  }
}