タイポグラフィ内のネストされたスタイリング

Question

<Typography />でテキストのスタイルを設定するにはどうすればよいですか？

const someText = 'Hello <b>World</b>'; 

... 
    <Typography> 
    {someText} 
    </Typography> 
... 

テキストを分割する必要はありますか？ネストされたタイポグラフィでは、レイアウトの問題があるようです。生のHTMLを挿入するための

Answer 1

を動作しません。私のレンダリング機能で

const styleSheet = createStyleSheet('SomeComponent', (theme) => ({ 
    root: { 
    }, 
... 
    body2Bold: { 
    fontFamily: theme.typography.body2.fontFamily, 
    fontSize: theme.typography.body2.fontSize, 
    fontWeight: 'bold', 
    }, 
})); 

そして：

const { Hello, World, classes } = this.props; 
... 
    <Typography type="body2" color="default"> 
     {Hello} 
     <span className={classes.body2Bold}> 
      &nbsp;{World} 
     </span>. 
    </Typography> 
... 

を

いくつかのテキストを別の変数に分割する必要があるという欠点があります。

Answer 2

使用dangerouslysetinnerhtml、他のスタイリングは、私は最終的に、このようなカスタムスタイルの使用作ら