代码之家 › 专栏 › 技术社区 › Roopak PutheVeettil

我可以在react组件[duplicate]中获取密钥的值吗

reactjs javascript

Roopak PutheVeettil · 技术社区 · 7 年前

有没有办法让我进入我的房间 key 在我的 react component ?

   <LessonsLearnedNew
        key={item.id ?item.id[0]:item.tempID}

   />

  class LessonsLearnedNew extends Component {
      constructor(props) {
      console.log(props.key)  // coming as undefined
    }
  }

我找到了这样的工作。有更好的办法吗?

<LessonsLearnedNew
            key={item.id ?item.id[0]:item.tempID}
            keyVal={item.id ?item.id[0]:item.tempID}

       />

      class LessonsLearnedNew extends Component {
          constructor(props) {
          console.log(props.key)  // coming as undefined
          console.log(props.keyVal)  // getting the value
        }
      }

2 回复 | 直到 7 年前

Sagiv b.g 7 年前

密钥不会传递给组件。
DOCS :

const content = posts.map((post) =>
  <Post
    key={post.id}
    id={post.id}
    title={post.title} />
);

所以你的“变通方法”实际上是建议的模式。

Asif vora 7 年前

Key 是一个独特的身份反应。所以如果你有任何值给另一个组件,用 props 钥匙总是那么独特。

 <LessonsLearnedNew
    key={item.id ?item.id[0]:item.tempID} //unique identity
    keyVal={item.id ?item.id[0]:item.tempID} // pass value as a props
  />

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前