不变违规:查找名称为li的配置

时间:2017-12-05 10:03:35

标签: reactjs react-native react-router

我很确定我在这里遗漏了一些基本的东西,但我无法弄明白。我一直在关注this教程来渲染元素列表,但是我得到了一个“查找配置未找到名称li”错误,以及我尝试在render()中使用的任何其他HTML元素。不知道我在哪里出错了,因为所有其他类似的问题都有我已经包含在我的代码中的解决方案(比如包括一个return语句),所以任何建议都会受到赞赏。

import React, { Component } from 'react'; 
import ReactList from 'react-list';
import { StyleSheet, Text, View, Navigator, AppRegistry, TextInput, 
TouchableOpacity } from 'react-native';
const { createGame, addUserToGame } = require('./requestors');

class Players extends Component {
    constructor(props) {
    super(props);
    this.state = {
        players: [{
            name: 'Player1',
        }, {
            name: 'Player2',
        }],
    };
  }

  render() {
    return (
        <ul>
        {this.state.players.map(player => <li>{player.name}</li>)}
        </ul>
      );
  }
}

module.exports = Players;

1 个答案:

答案 0 :(得分:3)

你无法在react-native

中呈现html组件