Phương pháp xây dựng trong React

Question

Tôi đã đọc React Docs về phương thức khởi tạo và những gì nó có thể được sử dụng cho đến khi thiết lập trạng thái và chức năng liên kết nhưng thực sự cần thiết trong hầu hết các trường hợp?

sự khác biệt giữa làm

export default class MyClass extends Component { 
    constructor(props) { 
     super(props); 
     this.state = { 
      foo: 'bar', 
     }; 
     this.member = 'member'; 
     this.someFunction = this.anotherFunction(num); 
    } 
    anotherFunction = (num) => num * 2; 
    render() { 
     // render jsx here 
    } 
} 

và chỉ đơn giản là đưa tất cả những gì bên ngoài các nhà xây dựng như

export default class MyClass extends Component { 
    state = { 
     foo: 'bar', 
    }; 
    member = 'member'; 
    someFunction = this.anotherFunction(num); 
    anotherFunction = (num) => num * 2; 
    render() { 
     // render jsx here 
    } 
} 

là một lựa chọn ưa thích hơn người kia và được có bất kỳ vấn đề hiệu suất tôi nên biết về là gì? Điều này đã làm tôi lo lắng một chút và dường như tôi không thể tìm ra câu trả lời cụ thể nào.

Answer 1

Hai ví dụ của bạn có chức năng giống nhau, nhưng điều quan trọng là chỉ định mọi thứ bên ngoài các phương pháp lớp học, nhưng bên trong cơ thể của một lớp, như bạn có với mọi thứ khác ngoài render và constructor, không phải là tiêu chuẩn ES6 chỉ hoạt động qua Babel. Cú pháp đó là đề xuất class property syntax.