javascript - 从 React 状态的对象获取数值

Question

在处理 native 组件状态下的数据时，我遇到了一个奇怪的问题。

我首先定义状态:

    this.state = {
        bonesPosition: {
            black: [{x: 0, y: 0}, {x: 0, y: 0}, {x: 0, y: 0}],
            white: [{x: 0, y: 0}, {x: 0, y: 0}, {x: 0, y: 0}]
        }
    };

然后我更新它:

const bonesPosition = {...this.state.bonesPosition};

bonesPosition.white[0].x = this.firstWhite.state.pan.x;

this.setState({bonesPosition})

但是当我尝试访问数据时，

const whiteX = this.state.bonesPosition.white[index].x;

console.log(whiteX)
console.log(typeof whiteX)
console.log(parseInt(whiteX))
console.log(Number(whiteX))

它向我显示了值，但我可以用它进行计算，因为它是一个对象。但如果我尝试将其转换为数字，它就不再识别该数字值。

44.5
object
NaN
NaN

有什么想法吗？

Answer 1

您是否有一个 Animated.Value 而不是一个简单的数字？

从pan和bonesPosition推断，这看起来像panResponder的代码

https://facebook.github.io/react-native/docs/animations.html#tracking-gestures

您应该检查您返回的值/对象类型并通读动画文档。

希望这有帮助