Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - React-router:将 props 传递给 es6 处理程序组件

In lại Tác giả: Walker 123 更新时间：2023-11-28 06:50:36 26 4
mua khóa gpt4 Nike

我正在使用react-router，我需要将 Prop 传递给处理程序Comments组件(请看下面的代码)。通常是solved by creating a wrapper component .

Nhưng Comments Đã AbstractComments 的 es6 包装器，所以我不想再创建一个包装器。所以我用下面的方式来做:

问题/疑问:Vui lòng kiểm traComments#onChange方法

评论组件

// Where AbstractComment extends React.Component
class Comments extends AbstractComments {

    constructor(props) {
        //Pass my custom props to component
        super(_.assign(props, {
            chatName: '....',
            title: '...',
            comments: '.....'
        }));
    }

    _onChange() {
       //PROBLEM: after setState Comments component get rendered 
       //without my custom props: (chatName, title, comments)
       //QUESTION: how to re-render it with the same properties?
       this.setState(someNewState);
    }

}

react-router 如何渲染 Comments: 

var Index = React.createClass({
  render: function () {
    trở lại (
        

            
Some header

            
        

    );
  }
});

var routes = (
  
    
    
  
);

ReactRouter.run(routes, function (Handler) {
  React.render(, document.body);
});

câu trả lời hay nhất

将默认值分配给defaultProps中的 Prop ，如下所示。

class Comments extends AbstractComments {

   constructor(props) {
    //Pass my custom props to component
    super(_.assign(props, {
        chatName: '....',
        title: '...',
        comments: '.....'
    }));
   }

   _onChange() {
   //PROBLEM: after setState Comments component get rendered 
   //without my custom props: (chatName, title, comments)
   //QUESTION: how to re-render it with the same properties?
   this.setState(someNewState);
  }

}
Comments.defaultProps = {chatName: '....',
        title: '...',
        comments: '.....'};

export default Comments ;

关于javascript - React-router:将 props 传递给 es6 处理程序组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32986904/

26 4 0
Đề xuất bài viết: Hiển thị lớp phủ trên tab cha (trang) cho đến khi tất cả các tab con (trang) của nó được mở
Đề xuất bài viết: ios - 访问文件夹引用添加的 Swift 变量
Đề xuất bài viết: c++ - 为什么 Windows 在我使用 ** 时将我的目录列表注入(inject)到 argv 中？
Đề xuất bài viết: javascript - 如何在angularjs中动态附加指令到div
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress