Render component mà không cần thẻ bao ngoài?

#1

Vấn đề chính xác e đang gặp giống bác trong link này, nhưng vẫn ko giải quyết được

 class B extends React.Component {
        render() {
            return (
                <tr><td>Item 2</td></tr>
            );
        }
    };

 class A extends React.Component {
        render() {
            return (
                <tr><td>Item 1</td></tr>
                <B/> // => Lỗi ở đây vì ko đeo bao :( + do  điều kiện của code, bao ko thể là thẻ tbody
            );
        }
    };

Bác nào thông giúp e :kissing:

#2

Không được bởi vì, render() thực chất là creatElement của javascript thuần, và creatElement chỉ cho phép 1 element thôi.
Bạn có thể dùng babel để bỏ code vô xem thử nó dịch ra Js thuần:

#3

Dịch cái B nó ra như vầy, rồi làm sao để nhét vào A vậy bác :sleeping:

React.createElement(
  "tr",
  null,
  React.createElement(
    "td",
    null,
    "Item 2"
  )
);
#4

Cái A nó lỗi cú pháp thì sao mà ra?

#5

Cứ bọc ngoài bằng thẻ div hay span thôi chứ sao render đc 2 element

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?