是否可以更改 ChoiceGroupOption (office-ui-fabric) 的部分文本样式？
Is it possible to change a part of text styling of ChoiceGroupOption (office-ui-fabric)?
我正在为我的单选按钮使用 Office fabric Choice Group。我想将部分文本的样式更改为 bold，但其余文本仍保持正常字体大小。我正在使用 onRenderField 方法，但我还没有成功实施....我非常感谢任何输入！！
单选按钮文本的最终目标：
On: some additional explanation here
使用onRenderField方法的示例代码：
options={[
{
key: 'On',
text: 'On: some additional explanation here',
onRenderField: (props, render) => {
return (
<span style={{fontWeight: 'bold'}}>
{render!(props)}
</span>
);
}
}
]}
上面的代码使 bold 整个 text 如下所示：
On: some additional explanation here
有一个选项 onRenderLabel 似乎没有详细记录，它可以满足您的需要。
使用它看起来像：
{
key: 'C',
text: 'Option C',
onRenderLabel: (p) => <span id={p.labelId} className="ms-ChoiceFieldLabel">Option C: only <strong>this part</strong> is bold</span>
}
回调中的 p 类型为 IChoiceGroupOptionProps 并且可能有用，但更可能定义整个渲染内联更容易。 ( https://docs.microsoft.com/en-us/javascript/api/office-ui-fabric-react/ichoicegroupoptionprops?view=office-ui-fabric-react-latest )
我正在为我的单选按钮使用 Office fabric Choice Group。我想将部分文本的样式更改为 bold，但其余文本仍保持正常字体大小。我正在使用 onRenderField 方法，但我还没有成功实施....我非常感谢任何输入！！
单选按钮文本的最终目标：
On: some additional explanation here
使用onRenderField方法的示例代码：
options={[
{
key: 'On',
text: 'On: some additional explanation here',
onRenderField: (props, render) => {
return (
<span style={{fontWeight: 'bold'}}>
{render!(props)}
</span>
);
}
}
]}
上面的代码使 bold 整个 text 如下所示：
On: some additional explanation here
有一个选项 onRenderLabel 似乎没有详细记录，它可以满足您的需要。
使用它看起来像：
{
key: 'C',
text: 'Option C',
onRenderLabel: (p) => <span id={p.labelId} className="ms-ChoiceFieldLabel">Option C: only <strong>this part</strong> is bold</span>
}
回调中的 p 类型为 IChoiceGroupOptionProps 并且可能有用，但更可能定义整个渲染内联更容易。 ( https://docs.microsoft.com/en-us/javascript/api/office-ui-fabric-react/ichoicegroupoptionprops?view=office-ui-fabric-react-latest )