Redux Form的Form Field输入中的粗体特定单词

Question

我有一个来自\makeatletter \newcommand\appendix@chapter[1]{% \refstepcounter{chapter}% \def\app@ct{Appendix \@Alph\c@chapter: #1} \orig@chapter*{\app@ct}% \markboth{\MakeUppercase{\app@ct}}{\MakeUppercase{\app@ct}} \addcontentsline{toc}{chapter}{\app@ct}% } \let\orig@chapter\chapter \g@addto@macro\appendix{\let\chapter\appendix@chapter} \makeatother 的{​​{1}}，我想为其标签加粗。但我不想大胆整个标签。只是其中的一个特定词。我知道你可以使用普通FormField通过在vanilla html中放置一个带有类的span，但是如何使用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> } />