小编Tej*_*gol的帖子

Material-UI 在 React 中将单词大写

我想将<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组件。有没有办法使用道具?

reactjs material-ui

4
推荐指数
3
解决办法
9996
查看次数

用 CSP 反应 CRA:拒绝执行内联脚本

我已经使用Material UI Create React Template建立了一个新网站。

我添加了一个内容安全策略,成功构建并部署,但是该页面没有显示在浏览器中,我收到以下错误:

拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src 'self'”。启用内联执行需要“unsafe-inline”关键字、哈希(“sha256-mB4hl8euSw00eXDUIRf8KeqpMfBXgg0FILGScPTo+n0=')或随机数(“nonce-...”)。

我没有任何内联脚本。

当我将指定的哈希添加到我的内容安全策略时,网站可以工作,但是如果我再次部署,哈希会发生变化,我需要使用新的哈希更新我的内容安全策略。

散列来自哪里,是否可以避免在部署期间每次都手动更新散列?

content-security-policy reactjs material-ui

4
推荐指数
1
解决办法
3277
查看次数

将 gatsby-image 与 Material-ui CardMedia 组件一起使用时出现问题

Material-ui 的 Card 组件可以有一个 CardMedia 组件作为子组件,它接受图像源作为 prop。另一方面,盖茨比图像需要它自己的源作为道具(固定或流动)。

<Card>
  <CardHeader title={title}/>
  <CardMedia src={image.localFile.childImageSharp.fixed} component={Img} /> 
</Card>


Run Code Online (Sandbox Code Playgroud)

这个问题有什么解决方法吗?

material-ui gatsby gatsby-image

-1
推荐指数
1
解决办法
766
查看次数