Return phản ứng 16 phần tử mảng trong nguyên cảo

Question

Tôi muốn sử dụng tính năng mới phản ứng 16 trở về phần tử mảng trong render của tôi, nhưng tôi nhận được lỗi đánh máy Property 'type' is missing in type 'Element[]'

const Elements: StatelessComponent<{}> =() => ([ 
    <div key="a"></div>, 
    <div key="b"></div> 
]); 

am i thiếu gì? Sử dụng @ loại/phản ứng 16.0.10 và nguyên cảo 2.5.3

Answer 1

Tôi đã kiểm tra typings mới nhất và họ đã quên để thêm định nghĩa mới trong một giao diện thành phần không quốc tịch. Tôi đã nêu ra vấn đề và vấn đề sẽ sớm được khắc phục.

Trả về một mảng từ các thành phần lớp hoạt động, vì vậy nếu bạn thực sự cần nó ngay bây giờ, bạn có thể chuyển đổi thành phần chức năng của bạn thành thành phần lớp.

class Elements extends React.Component<{}> { 

    render() { 
    return [ 
     <div key="a"></div>, 
     <div key="b"></div> 
    ] 

    } 
} 

hoặc tạm thời mở rộng Phản hồi kiểu bằng cách sử dụng tăng cường mô-đun. Chỉ cần đặt đoạn mã sau vào một trong các tệp .ts và bản ghi của bạn sẽ tự động phát hiện các thay đổi trong định nghĩa.

declare module "react" { 
    interface StatelessComponent<P = {}> { 
    (props: P & { children?: ReactNode }, context?: any): ReactElement<any>[] | ReactElement<any> | null; 
    propTypes?: ValidationMap<P>; 
    contextTypes?: ValidationMap<any>; 
    defaultProps?: Partial<P>; 
    displayName?: string; 
    } 
}