【问题标题】:React-Native display user input in textboxesReact-Native 在文本框中显示用户输入
【发布时间】:2018-03-12 21:30:37
【问题描述】:
我对本机反应很陌生,不知道如何在这里处理我的方法。我有这个屏幕。
我想输入点数,当我点击加号或减号时,我想在上面的视图中记录这些点。
处理这个问题的最佳方法是什么?我想过制作一个文本框数组并在每次按下按钮时将它们推入,但我不知道在没有全局范围的情况下将数组存储在哪里。或者我将所有内容都保存在 Redux 中,但我认为将所有内容都放入 Redux 是没有意义的。
会很高兴提出建议,谢谢:)
项目在github上:https://github.com/AlessandroVol23/Counter10000
【问题讨论】:
标签:
android
react-native
redux
【解决方案1】:
让我们看看我的想法是否有用。
如果我理解您的意思,您希望存储您在单击 + 按钮时介绍的点并在视图中显示它们。另外,我的问题是:您是否也想在每次返回此视图时显示积分?
如果是这样,我的方法是:
将点存储在数组中,然后将其保存在 redux 存储中(这将允许您在再次访问此视图时显示您的点)
常量数 = [40, 30, 50, 99]
然后在组件内部,你只需要用一张地图遍历这个数组,并显示列表。类似的东西:
const numbers = [1, 2, 3, 4, 5] -> This comes from the redux store
const listItems = numbers.map((number) =>
<li>{number}</li>
);
listItems 将包含一个数字列表,然后您可以在组件内呈现。