Я пытаюсь сделать очень простую таблицу с среагировать, но он горько жалуется:Простая реакция компонентов компонента не действительна - причина?
«Инвариантные Нарушение: Table.render():. Действительное ReactComponent должны быть возвращены Вам, возможно, вернулся неопределенными, массив или другой недопустимый объект. "
Вот определение:
var Table = React.createClass({
render: function() {
return
(<table class="table table-striped">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>One</td>
<td>Two</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
</tr>
</tbody>
</table>);
}
});
Это единственный элемент вернулся, HTML является действительным, поэтому я не уверен, что проблема есть. Кто-нибудь знает, в чем проблема?
Не могли бы вы предоставить больше кода? Здесь нет ничего плохого, кроме 'class' (это должно быть' className'). Мое предложение - взглянуть на сгенерированный код (если используется процесс транспиляции, а не инструмент JSX браузера). Эта ошибка возникает, когда: https://github.com/facebook/react/blob/54c82da15f6b4717425edbf68e23ae82583a50af/src/core/__tests__/ReactEmptyComponent-test.js#L71-L82 –
Не знаете, какой еще код предоставить. Компонент действительно то, что вы видите. Переход к className ничего не изменил. – flq
yep, ошибка в свойстве не вызвала бы эту ошибку. Вы взглянули на сгенерированный код? –