Полужирное конкретное слово в форме формы Редук Поле ввода

Question

У меня есть FormField от ReduxForm, что я хочу сделать полужирным для его ярлыка. Но я не хочу смело выделять весь ярлык. Просто определенное слово в нем. Я знаю, что вы можете сделать это с помощью обычного label for, разместив пролет с классом в формате html, но как это сделать с помощью Redux Form?

Answer 1

Просто укажите label опору, которая принимает строку или узел:

export const renderField = ({ label, input, meta, ...props }) => (
    <div> 
    <label>{ label }</label> 
    <input { ...input } /> 
    </div> 
); 

// In your form 
<Field component={renderField} label="Foo bar baz" /> 
<Field component={renderField} label={ <span>Foo <strong>bar</strong> baz</span> } />