从组件中的 function 渲染值

Question

我在 React 中有一个这样的组件：

const myAge = () => {
  var diff = Date.now() - new Date(1991, 2, 1);
  var age = new Date(diff);
  return age;
};
export const About = (props) => {
  return (
      <Container id={props.id}>
         <p> My age is: {myAge}</p>
      </Container>
  )
}

我希望将 function myAge的结果返回并呈现在p标记中，但没有呈现任何内容。 我不知道我做错了什么，有什么建议吗？ 泰。

Answer 1

您必须调用 function，即{myAge()}然后new Date(diff)不是字符串，因此您必须像这样将其转换为return String(age)