嘿,所以我的组件变得非常大,我想将一些代码存储在另一个文件中,而不创建一个新组件。基本上,我只想逐字复制我的代码。例如
<fieldset className="container-form__field" name={fieldName} key={fieldName}>
<label>Select Model Type</label>
<select
name={`${fieldName}.modelType`}
required
ref={register({ required: true })}
>
{allModelTypes.map((modelType, index) => (
<option key={index}>{modelType}</option>
))}
</select>
{errors.modelType && <span>This field is required</span>}
<label>
Last Name {index}:
<input type="text" name={`${fieldName}.lastName`} ref={register} />
</label>
<button type="button" onClick={removeModel(index)}>
Remove
</button>
</fieldset>
正如你在这里看到的,我的组件的这一部分非常依赖于这个组件中的状态,所以我不能把它分成另一个组件,因为我会失去我的状态。理想情况下,我想将此代码存储在一个单独的文件中,然后使用该文件在我的主组件中插入代码。
慕尼黑的夜晚无繁华
相关分类