react通过父组件如何设置子组件div的背景图片？

Question

像上图这样的前面带图片的表单，封装的时候选择从父组件传递类型，placeholder，图片内容，其他的都没有问题，图片如何设置，比如传递图片的名称再子组件拼接？

Answer 1

直接传入 icon 组件给子组件即可，react 这方面很灵活的:

<MainComponent icon={<Icon type="lock" />} />

// or
<MainComponent icon={<img src="xxx.svg" />} />

Answer 2

// parent

<Child type="lock" />

// child

<Icon type={this.props.type} />