在Material-UI中设置文本的粗体(bold)属性,可以通过将typography组件的variant属性设置为'h6”来实现。在'style”属性中添加'fontWeight: 'bold'”即可将文本设置为粗体。代码示例如下:
import React from 'react';
import { Typography } from '@material-ui/core';
function BoldText({ text }) {
return (
{text}
);
}
export default BoldText;
使用此组件时,只需将要显示的文本传递给text属性即可。例如:
import React from 'react';
import BoldText from './BoldText';
function App() {
return (
);
}
export default App;
这将在页面上显示'这是加粗文本”文本,并将其设置为粗体。