Question

嗨，我是新来的，如果我听起来幼稚，请原谅我。

我们可以在功能组件中使用props进行反应吗？我试图在功能组件的返回功能上方使用console.log（this.props），但它始终给我错误。

Answer 1

是的，像这样

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

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

Answer 2

是的。您可以像这样直接将道具传递到功能组件内部（使用props：

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

假设传入的props具有元素content。

需要说明的是，功能组件中根本没有this，因为它们根本不是类！而是直接将props传递到函数中。

实际上，这可能是您在React中学习的第一件事。因此，如果您是新手，那么我建议使用the tutorial here。

Answer 3

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

...
INFO:sqlalchemy.engine.base.Engine:()
INFO:sqlalchemy.engine.base.Engine:COMMIT
INFO:sqlalchemy.engine.base.Engine:BEGIN (implicit)
INFO:sqlalchemy.engine.base.Engine:INSERT INTO `TableA` (`colA`, `colB`) VALUES (%s, %s)
INFO:sqlalchemy.engine.base.Engine:(11, 'this is a thing')
INFO:sqlalchemy.engine.base.Engine:COMMIT
INFO:sqlalchemy.engine.base.Engine:SHOW FULL TABLES FROM `db`    <!-- REMOVE THIS ?
INFO:sqlalchemy.engine.base.Engine:()

功能组件有反应道具吗？

3 个答案: