可以't重新渲染子组件reactjs

can't re-render child component reactjs

本文关键字：新渲染 组件 reactjs 可以      更新时间：2024-02-02

您好。状态更改时，我无法重新发送子组件。

export default class Featured extends React.Component {
constructor(){
  super()
  this.state = {
    result: []
  }
}
componentDidMount(){
  $.ajax({
    type: "GET",
    dataType:'JSONP',
    beforeSend: function (request){
      request.setRequestHeader("Authorization", Config.key);
    },
    url: "myUrl",
    success: function(data) {
      this.setState({
        result: data.users
      });
      console.log(this.state.result);//here i got my Array
    }.bind(this)
  });
}
componentWillUnmount(){
  this.serverRequest.abort();
}
render() {
  return (
    <div class="">
      <div class="row">
        <Card data={this.state.result} />
      </div>
    </div>
  );
 }
}

当ajax请求成功时，我改变了状态，我不知道如何重新发送我的组件。这是的一些代码

export default class extends React.Component {
render() {
  console.log(this.props.data);
  return (
    <div class="flex-container">
      { 
        this.props.data.map(function(item, index) {
          return <div class="col-xs-12 col-sm-6 col-md-12" key={item._id}>

我错过了什么？这是控制台屏幕http://prntscr.com/ap24x5

您的语法不正确，我可以立即发现以下几点：

  • 不能在呈现函数中使用类，必须使用className

  • 你的第二个组件有不正确的语法，你需要称它为

    export default class MyComponent extends React.Component {

由于JSX是JavaScript，因此不鼓励将类和for等标识符作为XML属性名称。相反，React DOM组件需要分别使用className和htmlFor这样的DOM属性名。

相关文章：