“无法给无状态功能组件提供引用”是什么意思？

Question

我有这个：

const ProjectsSummaryLayout = ({projects}) => {
   return (
      <div className="projects-summary col-md-10">
          <h3>Projects</h3>
          <ul>
              { projects.map(p => <li key={p.id}>{p.contract.client}</li>) }
          </ul>
      </div>
   )
}

const ProjectsSummary = connect(
   state => ({projects: state.projects})
)(ProjectsSummaryLayout)

我得到：

警告：无法为无状态功能组件提供引用（请参阅由Connect（ProjectsSummaryLayout）创建的ProjectsSummaryLayout中的引用“
wrappedInstance”）。尝试访问此引用将失败。

它试图告诉我什么？我实际上在做错什么吗？

我在这里看到有关此问题的讨论，但不幸的是，我根本不理解结论。

Answer 1

在React中，refs可能不会附加到无状态组件。

无论* 它 是否 为无状态，React Redux 3都会
将a附加ref到您为其提供的组件上。您看到的警告来自React，因为React Redux 3在内部将a附加到您提供的无状态组件（）。


*ref``ProjectsSummaryLayout

您没有做错任何事情，根据此GitHub评论，您可以放心地忽略该警告。

在React Redux 4中 ，ref默认情况下，打包组件没有附加任何内容，这意味着如果您升级到React Redux 4，该警告将消失。