Выделенное жирным шрифтом определенное слово в поле ввода формы Redux

Question

У меня есть FormField от ReduxForm что я хочу сделать жирным шрифтом для своей этикетки. Но я не хочу выделять весь ярлык. Просто конкретное слово внутри него. Я знаю, что вы можете сделать это с нормальным label for поместив span с классом в vanilla 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> } />