我想将<TextField>
组件中的文本大写。
当前文本:LeaGUE of LEGENdS
所需格式:League of Legends
我试过使用,text-transform: 'capitalize'
但它没有按我期望的那样工作。
我还有一个函数可以使用纯 JS 将我的文本大写:
string.toLowerCase()
.split(' ')
.map((s) => s.charAt(0).toUpperCase() + s.substring(1))
.join(' ');
Run Code Online (Sandbox Code Playgroud)
问题是我不知道我应该如何使用JS函数,因为我想在多个<TextField>
组件中大写文本,但我不想覆盖material-ui组件。有没有办法使用道具?
我已经使用Material UI Create React Template建立了一个新网站。
我添加了一个内容安全策略,成功构建并部署,但是该页面没有显示在浏览器中,我收到以下错误:
拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src 'self'”。启用内联执行需要“unsafe-inline”关键字、哈希(“sha256-mB4hl8euSw00eXDUIRf8KeqpMfBXgg0FILGScPTo+n0=')或随机数(“nonce-...”)。
我没有任何内联脚本。
当我将指定的哈希添加到我的内容安全策略时,网站可以工作,但是如果我再次部署,哈希会发生变化,我需要使用新的哈希更新我的内容安全策略。
散列来自哪里,是否可以避免在部署期间每次都手动更新散列?
Material-ui 的 Card 组件可以有一个 CardMedia 组件作为子组件,它接受图像源作为 prop。另一方面,盖茨比图像需要它自己的源作为道具(固定或流动)。
<Card>
<CardHeader title={title}/>
<CardMedia src={image.localFile.childImageSharp.fixed} component={Img} />
</Card>
Run Code Online (Sandbox Code Playgroud)
这个问题有什么解决方法吗?