Question

我想要开发基于文字的文字游戏。每个级别单词的长度都会改变，我将每个字母分成一个盒子，矩阵也发生了变化（10个单词，长度：10 => 10x10矩阵）。如何使用此变量生成多个textInput组件。我想创建类似imgur.com/a/6Dtjy2g的内容。每行包含一个单词，每个框也包含一个字母。我想填写每个框并更新我的状态，最后将检查答案。

Answer 1

基本上，要根据需要呈现视图，您的代码应如下所示。关于状态设计，它很大程度上取决于您的游戏逻辑，您可以通过编辑问题来分享更多信息。

import React from 'react';
import { TextInput } from 'react-native';

class Board extends React.Component {
  state = { board: [
            "wordword01", "wordword02", "wordword03", "wordword04", "wordword05",
            "wordword06", "wordword07", "wordword08", "wordword09", "wordword10"
  ]};

  render() {
    return (
      <View>
        {this.state.board.map(word => (
          <TextInput defaultValue={word}/>
        ))}
      </View>
    )
  }
}

export default Board;

如何使用“ each”生成多个textInput组件，以及如何通过所有组合来更改状态

1 个答案: