反应原生传递的道具

Question

想知道为什么我没有访问我应该访问的变量真的很难。

我有一个构造

constructor(props) { 
     super(props); 
     this.state = { 
     endpoint:props.url 
     }; 
     console.log(props.url);// Prints url as intended 
     console.log(this.state.endpoint);// Also prints as intended 

}

现在，你会认为这只会延续到componentDidMount，但它不？我认为一个构造函数应该启动一些状态？

componentDidMount(){ 
    fetch(this.state.endpoint).then(etc....) 
    // this fails. If I do console.log(this.state.endpoint) I get undefined. 
} 

如何让端点在获取函数中工作？

Answer 1

我实在看不出有任何理由你的代码不应该工作，但是试试这个...

class MyComponent extends React.Component { 
    constructor(props){ 
    super(props) 
    } 

    componentDidMount(){ 
    fetch(this.props.url) 
     .then(response => console.log(response)) 
    } 

} 

Answer 2

状态只应在挂载的组件或插入到dom中的组件中设置。如果您在视图中未使用状态，则无法保证何时会正确更新。你为什么把它设置为状态？只需创建一个变量。

编辑：或者为什么不直接在componentdidmount中使用this.props.url？