Javascript Reactjs道具工作不正常 var Works=函数欢迎（道具）{ 返回Hello，{props.name}； } /*函数欢迎（）{ 返回Hello，{this.props.name}； }*/ 常量元素=( ); ReactDOM.render( 元素， document.getElementById（'root'）） );

如果我将Works组件替换为未传递任何道具的注释部分，则会出现错误，我需要知道为什么在使用类时直接使用this.props。为什么不在这里？

您应该在函数之后定义组件的名称：

var Works = function welcome(props) {
  return <h1> Hello, {props.name} </h1>;
}

/*function welcome() {
  return <h1>Hello, {this.props.name}</h1>;
}*/

const element = (<div>
    <Works name="Luffy" />
</div>);

ReactDOM.render(
  element,
  document.getElementById('root')
);

功能工作（道具）{
返回Hello，{props.name}；
}

---

希望有帮助

因为在这里你不是在叫道具

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

/*函数欢迎（）{
返回Hello，{this.props.name}；
}*/

代码应该是这样的

/*function welcome() {
  return <h1>Hello, {this.props.name}</h1>;
}*/

功能欢迎（道具）{
返回Hello，{props.name}；
}

完整代码在这里

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

功能欢迎（道具）{
返回Hello，{props.name}；
}
常量元素=；
ReactDOM.render(
元素，
document.getElementById（'root'））
);

因为它是无状态的功能组件，所以请检查我知道的，但在类中，它与this.props.name一起工作。为什么这里不工作？我不想将props作为参数传递，我如何使用this.props进行访问正如我们在类组件中所做的，如上所述，这是一个无状态组件，props将是一个参数，您可以通过Works.proptypes=blahblahblah定义proptypes，但不能使用this.props

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

const element = <Welcome name="Luffy" />;

ReactDOM.render(
  element,
  document.getElementById('root')
);