React不能在常规函数中传递props，但可以通过类组件传递prop

Question

我尝试创建一个类，并在Time组件下传递名为input的道具，道具会呈现道具名称。但是我也这样做了，但我没有使用类，而是使用了一个名为Kite的函数，并尝试做同样的事情，但我在控制台中遇到了一个对象错误，页面上没有任何东西不呈现。有没有一种方法可以通过常规函数而不是班

function Kite() {
return (<h1>{this.props.kiteprop}</h1>)
}
class Time extends React.Component {
render() {
return (
<div>
<Test input="dsa" />
<Kite kiteprop="showtext" />
<div>{this.props.input}</div>
<span>{new Date().toLocaleDateString()}</span>
</div>
);
}
}
ReactDOM.render(<Time input="joe" input="[1, 2]" input="false" />, document.getElementById("root"));

Answer 1

更好的语法是：

const Kite = (props) => {
return(<h1>{props.kiteprop}</h1>)
}
export default Kite;

并将组件分离成两页js。

请注意，我们将props传递到组件的params中，这里不需要使用this。