Reactjs 未找到反应滚动目标元素

我有一个

Navbar

React组件和一个

链接

组件，单击该组件时需要向下滚动到

部分

组件。我已经实现了

react scroll

，但是，当我单击

链接

组件时，我在浏览器控制台中找到了

目标元素

导航栏组件：

import React, { Component } from "react";
import { Link, animateScroll as scroll, scroller } from "react-scroll";

class Navbar extends Component {
  render() {
    return (
      <div>
        <ul>
          <li>
            <Link to="section1" activeClass="active" spy={true} smooth={true}>
              Section 1
            </Link>
          </li>
        </ul>
      </div>
    );
  }
}

export default Navbar;

import React，{Component}来自“React”；
从“反应滚动”导入{Link，animateScroll as scroll，scroller}；
类导航栏扩展组件{
render（）{
返回(


第一节


);
}
}
导出默认导航栏；

和App.js文件：

import React from "react";

// Styling
import "./styles/App.css";

// Components
import Navbar from "./components/Navbar";
import SectionOne from "./components/SectionOne";

function App() {
  return (
    <div className="App">
      <div>
        <Navbar />
        <SectionOne id="section1"/>
      </div>
    </div>
  );
}

export default App;

从“React”导入React；
//造型
导入“/styles/App.css”；
//组成部分
从“/components/Navbar”导入导航栏；
从“/components/SectionOne”导入SectionOne；
函数App（）{
返回(
);
}
导出默认应用程序；

---

我用它作为参考，然而，事情并不顺利。这里我遗漏了什么？

我在SectionOne组件中实现了一个div

<div id="section-one-wrapper">Section One content...</div>

---

我已经在SectionOne组件内部实现了一个div

<div id="section-one-wrapper">Section One content...</div>

---

你能分享一下第一部分吗？我猜他

id

prop没有被转发到实际的DOM元素，结果就是这样。我已经在下面发布了解决方案。您是否也可以分享

第一部分

？我猜他

id

prop没有被转发到实际的DOM元素，结果就是这样。我已经在下面发布了解决方案。