Javascript React无状态组件不工作

这是我的代码：

import React, { Component } from 'react'
import { BackButton } from 'components/button'

class LandingHeader extends Component {

    render() {

        const back = (props) => <BackButton forcedBackUrl={props.back.forcedBackUrl} />

        return (
             <div>
                 {back}
                 {this.props.children}
             </div>
         )
    }

}

export default LandingHeader

import React，{Component}来自“React”
从“组件/按钮”导入{BackButton}
类LandingHeader扩展组件{
render（）{
常量返回=（道具）=>
返回(
{back}
{this.props.children}
)
}
}
导出默认着陆标头

如果我直接放置

组件，它会工作，但是如果我使用无状态组件并将其返回到这个组件中，它不会工作。我错过了什么

---

我在看官方文件，看不出有什么问题。谢谢。

查看您提供的facebook文档，他们给出了以下示例：

const HelloMessage = (props) => <div>Hello {props.name}</div>;
ReactDOM.render(<HelloMessage name="Sebastian" />, mountNode);

---

你应该很乐意去看看你提供的facebook文档，他们给出了以下示例：

const HelloMessage = (props) => <div>Hello {props.name}</div>;
ReactDOM.render(<HelloMessage name="Sebastian" />, mountNode);

---

你应该准备好去

你需要把道具注入组件中

import React, { Component } from 'react'
import { BackButton } from 'components/button'

    class LandingHeader extends Component {

        render() {

            const back = (props) => <BackButton forcedBackUrl={props.back.forcedBackUrl} />

            return (
                 <div>
                     {back(this.props)}
                     {this.props.children}
                 </div>
             )
        }

    }

import React，{Component}来自“React”
从“组件/按钮”导入{BackButton}
类LandingHeader扩展组件{
render（）{
常量返回=（道具）=>
返回(
{back（this.props）}
{this.props.children}
)
}
}

您需要将道具注入组件中

import React, { Component } from 'react'
import { BackButton } from 'components/button'

    class LandingHeader extends Component {

        render() {

            const back = (props) => <BackButton forcedBackUrl={props.back.forcedBackUrl} />

            return (
                 <div>
                     {back(this.props)}
                     {this.props.children}
                 </div>
             )
        }

    }

import React，{Component}来自“React”
从“组件/按钮”导入{BackButton}
类LandingHeader扩展组件{
render（）{
常量返回=（道具）=>
返回(
{back（this.props）}
{this.props.children}
)
}
}

您已经声明了一个

ReactClass

，但您没有呈现它-您必须将其转换为

ReactElement

：

const Back = (props) => <BackButton forcedBackUrl={props.forcedBackUrl} />

return (
  <div>
    <Back {...this.props.back} />
    {this.props.children}
  </div>
);

const Back=（道具）=>
返回(
{this.props.children}
);

您已经声明了一个

ReactClass

，但您没有呈现它-您必须将其转换为

ReactElement

：

const Back = (props) => <BackButton forcedBackUrl={props.forcedBackUrl} />

return (
  <div>
    <Back {...this.props.back} />
    {this.props.children}
  </div>
);

const Back=（道具）=>
返回(
{this.props.children}
);

您可以发布

的实现吗？我将无状态函数更改为

const back=（）=>按钮

，并且发生了相同的情况。我不认为“后退”按钮与此无关。@JonathanCalb请看下面我的解决方案。。。如果你想保持现有的结构，你需要执行通过prop的函数……你能发布

的实现吗？我将无状态函数更改为

const back=（）=>按钮，并且发生了相同的情况。我不认为“后退”按钮与此无关。@JonathanCalb请看下面我的解决方案。。。如果要保持现有结构，需要执行通过道具的函数。。。