1
我有幾個組件。如何渲染數組中的組件
formFields/index.js
export {default as description} from './description/description.component'
export {default as title} from './title/title.component'
我導入和mainComponent
import * as FormFields from '../formFields'
如何使用它們渲染功能得到FormFields的名單?
這是我失敗的嘗試之一:
import * as FormFields from '../formFields'
render() {
let properties = ['description', 'title'];
let getComponent = (type) => {
let formElement = FormFields[type]
return <formElement/>
}
return (
<div>
{properties.map((property, i) => {
return (
<div key={i}>
{getComponent(property)}
</div>
);
})}
</div>
)
}
這個實驗是成功的:
render() {
let EditComponent = FormFields['description']
return (
<div>
<EditComponent/>
</div>
)
}
不要忘記添加一個關鍵道具:) – zackify
謝謝補充說。 –
是的,它適用於我) –