在我的应用程序中,我有一个H自定义组件,它接受一个标题和一个子标题作为props .

对于我的header prop,我想将lodash表达式与字符串连接起来.请参见下面的我的代码.

        <H
          header= `${_.startCase(type)} SomeString`
          subheader= "Lorem ipsum do eiusmod"
        />

我在这里try 了https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals条建议,但可能因为我使用的是lodash,所以不起作用.

推荐答案

props 的语法不正确:

header={`${_.startCase(type)} SomeString`}

在React中,包含code的任何属性值都必须包含在{}中.

只有像prop="a string"这样的常量字符串可以在没有一对封闭{}的情况下传递.所有其他值都需要它*.


*有两种特殊情况.

children,设置如下.这里children大约是<>content</>.

<MyComponent>content</MyComponent>

和布尔速记props .这里isCooltrue.

<MyComponent isCool />

但是,如果要将其设置为false,则需要再次使用大括号:

<MyComponent isCool={false} />

Javascript相关问答推荐

React存档iframe点击行为

如何分配类型脚本中具有不同/额外参数的函数类型

togglePopover()不打开但不关闭原生HTML popover'

将现场录音发送到后端

分层树视图

Chart.js 4.4.2,当悬停在一个数据点上时,如何在工具提示中拥有多个数据点/标签?

Angular 中的类型错误上不存在获取属性

您能在卸载程序(QtInsteller框架)上添加WizardPage吗?

在运行时使用Next JS App Router在服务器组件中运行自定义函数

try 使用javascript隐藏下拉 Select

确保函数签名中的类型安全:匹配值

如何在FastAPI中为通过file:/URL加载的本地HTML文件启用CORS?

一个实体一刀VS每个实体多刀S

如何使用基于promise (非事件emits 器)的方法来传输数据?

如何防止ionic 输入中的特殊字符.?

如何在尚未创建的鼠标悬停事件上访问和着色div?

未找到用于 Select 器的元素:in( puppeteer 师错误)

正在发出错误的URL请求

使用JAVASCRIPT-使用If和Else If多次判断条件-使用JAVASRIPT对象及其属性

我如何让我的弹力球在JavaScript和HTML画布中相互碰撞后改变 colored颜色 ?