javascript - 如何在 React Native 中获取父组件区域的触摸事件?

标签 javascript reactjs typescript react-native

我在我的 React naive 应用程序上使用了以下代码。我只在我的子组件上禁用了触摸功能。但是我没有在子组件的区域上获得触摸事件。 如何解决问题?

<TouchableOpacity
    style={[{ backgroundColor: 'red', padding: 10 }]}
    onPress={() => { this.showDatePicker() }}>
    <TextInput
        editable={false} selectTextOnFocus={false}
        style={textInput}
    />
</TouchableOpacity>

最佳答案

你有多种选择

1.使用 store 并以 mvvm 模式创建您的应用程序 ( 在您的商店中定义一个可观察的属性,并在您的子组件上使用它来禁用它,并且每当您想要禁用时,只需更改商店属性的值)

2.作为props传递给子组件并定义它

  1. 作为 props 传递并像这样使用你的 child

    {this.props.disabled && }

4.在您的父组件中使用ref 并获得所有子访问权限

如果你决定哪一个对你有好处,我可以解释更多

关于javascript - 如何在 React Native 中获取父组件区域的触摸事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52332643/

相关文章:

javascript - 根据动态表中的另一个选择选项选择选项值

javascript - 使用 Google javascript 客户端库进行 Google + 登录

javascript - 通过 Browserify 加载 HTML 模板以与 knockout 组件一起使用

javascript - HTML 图像属性返回未定义

javascript - Angular2单元测试选择下拉值

javascript - typescript /Javascript : Setting a unique list with an additional property

javascript - 每 2 分钟运行一次的 Nodejs 函数会随着时间的推移而丢失

javascript - 修改 react-boilerplate 以在 store 的单个键下嵌套注入(inject)的 reducer

javascript - React.js 创建一个包含动态行数和可编辑列的表

reactjs - 如何防止扩展的 React-Table 行在重新渲染时折叠?