Javascript 我能'；t将自定义道具传递给；“导出默认值”；

很抱歉，我对noob的问题一无所知，所以这里是： 我在练习如何做出反应，通常我会这样做：

var Person = function(props){
return(
<h1>Hi, {props.name}</h1>
);
}

ReactDOM.render(
<Person name="Jon"/>,
document.getElementById("app")
);   

我不知道如何将我的道具注入“人”中，以便看到“嗨，乔恩” 我试着猜测解决方案，比如：

export default Person(name:'Jon');

或者诸如此类的事情，但它当然不起作用。 我没有足够的信息用谷歌搜索正确的问题，尽管我尝试了很多可能性，但找不到任何解决方案。所以我希望有人能在这里帮助/教育我。

---

提前多谢

如果您有不同的组件，则必须在parrent组件中使用：

import Person from './Person';

ReactDOM.render(<Person name="Jon"/>, document.getElementById('main'));

从“/Person”导入人员；
ReactDOM.render（，document.getElementById（'main'））；

在儿童中，必须是这样的smth：

import React, { Component } from 'react';

class Person extends Component {
  constructor(props) {
      super(props);
      };
render() {
  return(
  <h1>Hi, {props.name}</h1>
  );
}

export default Person;

import React，{Component}来自'React'；
类Person扩展组件{
建造师（道具）{
超级（道具）；
};
render（）{
返回(
嗨，{props.name}
);
}
出口违约人；

你可以通过这条路，我不知道它是否正确，但它对我有用

const test = {
    myValue(props){
        return props.yourValue
    }
}

const test = {
    myValue(props){
        return props.yourValue
    }
}