Reactjs 反应-将字体图标作为道具传递

我使用一个字体可怕的星号来表示所需的表单输入，并将其作为道具传递给表单输入组件。它不是在渲染，而是在渲染[object]

道具：

<FormInput
      label={"Title " + (<i className="fas fa-asterisk fa-1x"></i>)}
      id="title"
      value={title}
      onChange={e => this.handleChange(e, 'title')}
/>

this.handleChange（e，'title'）}
/>

组成部分：

const FormInput = ({ value, label, onChange, id }) => {
    return (
        <FormControl>
            <InputLabel htmlFor={id}>{label}</InputLabel>
            <Input
                id={id}
                value={value}
                onChange={onChange}
            />
        </FormControl>
    );
};

const FormInput=（{value，label，onChange，id}）=>{
返回(
{label}
);
};

如何呈现作为道具传递的html元素？谢谢你的帮助