转换函数组件->类组件
转换函数组件->类组件
提问于 2018-06-07 04:31:58
如何将此函数补充转换为类组件：
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>
)
}回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-07 04:39:07
转换非常简单，您可以在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>
)
}
}Stack Overflow用户
发布于 2018-06-07 04:58:29
这很容易..将代码复制到新文件中，并在const之前添加export default，如下所示。
export default const SyncValidationForm像导入其他组件一样导入文件，并将导入的名称用作jsx名称，将导入的名称用作usal，并提供props。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50729101
复制相关文章
相似问题
腾讯云开发者
