如何解决 reactjs 中的过载错误

Question

import React from 'react'
import { Link } from 'react-scroll'
import "./Protocol.css"
import { ANALYTICS, TRADE, USERS, TRADERS, VOTES, ZEROES } from "../../Constants"
const Protocol = () => {
    return (
        <div className="Protocol_container">
            <div className="Protocol_heading">
                {ANALYTICS}
            </div>
            <div className="Protocol_content">
                <Link>
                    <p>{ZEROES}</p>{TRADE}
                </Link>
                <Link >
                    <p>{ZEROES}</p>{USERS}
                </Link>
                <Link >
                    <p>{ZEROES}</p>{TRADERS}
                </Link>
                <Link>
                    <p>{ZEROES}</p>{VOTES}
                </Link>
            </div>

        </div>
    )
}
export default Protocol

犯错

没有与此调用匹配的重载。重载 1 of 2，'(props: LinkProps | Readonly): Link'，出现以下错误。属性 'to' 类型中缺少 '{ children: (string | Element)[]; }' 但在类型 'Readonly' 中是必需的。重载 2 of 2，'(props: LinkProps, context: any): Link'，出现以下错误。属性 'to' 类型中缺少 '{ children: (string | Element)[]; }' 但在类型 'Readonly'.

中是必需的

Answer 1

Link 需要 prop to="where to go"，如果你想去哪里就用 to="#"

如何解决 reactjs 中的过载错误

how to resolve overload errors in reactjs

javascript

typescript

reactjs

react-hooks

react-scroll