1 回答

TA貢獻1864條經驗 獲得超6個贊
React 中的主要設計原則之一是組合。
你不能只是將代碼“復制”到另一個文件,你需要從它制作一個組件。
代碼如下:
<select
name={`${fieldName}.modelType`}
required
ref={register({ required: true })}
>
{allModelTypes.map((modelType, index) => (
<option key={index}>{modelType}</option>
))}
</select>
可能成為:
// SelectModels.js
const SelectModels = ({ name, innerRef, types }) => (
<select name={name} required ref={innerRef}>
{types.map((type, index) => (
<option key={index}>{type}</option>
))}
</select>
);
export default SelectModels;
// usage
import SelectModels from './SelectModels.js'
<SelectModels name={`${fieldName}.modelType`} innerRef={register({ required: true })} types={allModelTypes}/>
主要思想是確定最可重用的組件,以便您能夠在整個應用程序中重用它們。
添加回答
舉報