reactjs - 功能组件在反应中有道具吗？

Question

我们可以在反应的功能组件中使用道具吗，如果可以，如何使用。我试图做

console.log(this.props) 

在功能组件中的返回函数之上，但它一直给我错误。

Answer 1

是的。您可以像这样直接（使用）在功能组件中传递道具props：

function myFunc(props){
  console.log(props.content);
  return <div>{props.content}</div>;
}

假设props传入的 有 element content。

澄清一下，没有this功能组件，因为它们根本不是类！相反，您props直接传入函数。

事实上，它可能是你在 React 中学习的第一件事。所以如果你是新手，那么我建议这里的教程。

Answer 2

您可以在类组件中访问“this”关键字...尝试如下实现

import React from 'react'

const Printing=(props)=> {
    console.log(props)
    return (
        <div>
            
        </div>
    )
}
export default Printing

Answer 3

是的，像这样，

道具作为第一个参数传递给功能组件

export default function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

在这里阅读这篇文章它解释了一切：https ://medium.com/@PhilipAndrews/react-how-to-access-props-in-a-functional-component-6bd4200b9e0b