Question

对不起这个菜鸟问题，我对此完全陌生，所以在这里：我正在练习反应，通常当我做类似的事情时：

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

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

我会看到：“嗨，乔恩”

但问题是，我现在正在使用create-react-app而不是ReactDOM.render（），我只是：

export default Person;

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

export default Person(name:'Jon');

或类似的东西，但当然它不起作用。我没有足够的信息谷歌正确的问题，即使我尝试了很多可能性，但找不到任何解决方案。所以我希望有人能在这里帮助/教育我。非常感谢提前！

Answer 1

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

import Person from './Person';

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

在孩子身上必须像这样：

import React, { Component } from 'react';

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

export default Person;

Answer 2

您可以通过这种方式我不知道它的正确性，但是对我有用

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

我无法将自定义道具传递给“导出默认”

2 个答案: