当前位置: 首页 > 知识库问答 >
问题:

添加到扩展属性的正确react语法是什么

鞠泰平
2023-03-14

我正在尝试将“{”文本“:”添加到字符串的开头,将“}”添加到字符串的结尾。

我一直在环顾四周,玩下面不同版本的游戏

{“text”:“{…propName.props}'”}

甚至可以附加到扩展属性吗?

给我试图实现的目标添加更多信息

空的propsName.props传递给

<input
      type="text"
      className="SCSSstuff"
      disabled={loading}
      placeholder="Demo Text"
      autoComplete="off"
      ref="someRef"
      tabIndex={3}
      {...propsName.props}  //<---- 'User Text' gets defined here
      />

我需要把它传给一个隐藏的输入

<input
      type="hidden"
      disabled={loading}
      {...propsName.props} //<-- I need this output to be { "text" : "User Text" }
      />

共有1个答案

韦思淼
2023-03-14

如果您的道具包含用户输入的值,那么它应该是一些基本类型。

您可以使用模板字符串来实现所需的结果。

const propName = {
    props: 'hey'
}
const templateString = `{ text: ${ propName.props } }`
console.log(templateString) // { text: hey }

希望有帮助!!!

 类似资料:
  • 我在我的组件中接收道具。我想在此组件中添加一个带有道具的属性“LegendPosition”。我不能那样做。请帮我做这个。我已经尝试过此代码,但没有成功:

  • 问题内容: 我正在尝试在内添加HTML代码段,但无法使用包含功能。看来的当前语法与以前的语法不同:我看到许多示例使用 但是在官方文档中,它说使用 但随后在页面下方显示为 无论如何,我尝试了 我的代码片段不是很多代码,但是有很多事情要做。这可能会引起问题,所以我只用单词代替了内容,仍然一无所获。 我还尝试过直接在页面中声明模板,如下所示: 并遍历了引用脚本的所有变体,仍然一无所获。 我的页面还有很多

  • 问题内容: 我是一名新的Python程序员,他正在从2.6.4跃升至3.1.1。在我尝试使用“ else if”语句之前,一切都很好。解释器在“ else if”中的“ if”之后给了我一个语法错误,原因是我似乎无法弄清。 我可能缺少一些非常简单的东西;但是,我无法自行找到答案。 问题答案: 在python中,“ else if”被拼写为“ elif”。 另外,您还需要在和之后加上一个冒号。 简单

  • 问题内容: 我需要知道是否有可能通过扩展将某些属性和行为添加到某些POJO JPA实体(使用 hibernate 提供程序),然后使EntityManager返回扩展对象而不是仅返回pojo实体,如以下示例: POJO JPA实体类 扩展类 获取扩展类的对象 我评估的另一种可能的方法是使用复合实体扩展功能,并委派所有设​​置方法和获取方法,但这可能意味着需要处理大量表: 任何建议将不胜感激。 问题

  • 我扩展了JavaFX按钮,如下所示: 现在我希望能够在我的FXML中使用它。大概是这样的: 我如何做到这一点。

  • 我想在我的< code >上添加属性 似乎路线路径确实与问号混淆了。如果我把它换成其他东西,比如一个符号戳,它就会“起作用”。然而,这不是我想要的格式。我想要常规的<代码> 我找不到关于如何使这样的东西工作的文档。我看到了一些关于url的部分的东西,但我不太理解它。 谢谢你的所有帮助