react-native - 在 react-native-paper 中使用 TextInputMask 在 TextInput 上出错

问题描述

警告：componentWillReceiveProps 已重命名，不推荐使用。有关详细信息，请参阅 react-unsafe-component-lifecycles。

将数据获取代码或副作用移动到 componentDidUpdate。
如果您在 props 更改时更新状态，请重构您的代码以使用记忆技术或将其移动到静态 getDerivedStateFromProps。了解更多信息：react-derived-state
将 componentWillReceiveProps 重命名为 UNSAFE_componentWillReceiveProps 以在非严格模式下抑制此警告。在 React 17.x 中，只有 UNSAFE_ 名称可以使用。要将所有已弃用的生命周期重命名为新名称，您可以npx react-codemod rename-unsafe-lifecycles在项目源文件夹中运行。

请更新以下组件：TextInputMask

<TextInput
    mode="outlined"
    label="Pincode"
    value={this.state.pincode}
    onChangeText={this.handlePincodeChange}
    left={<TextInput.Icon style={{marginEnd:10}} color='#156da9' name="map-marker"/>}
    style={styles.textInput}
    keyboardType='number-pad'
    render={props => 
        <TextInputMask
            {...props}
            mask="[000000]"
        />
    }
    theme={theme}
/>

标签： react-nativereact-native-paper

这似乎是react-native-text-input-mask库中的一个错误，代码已修复，但拉取请求尚未合并，因此很可能在库自行修复之前您将无法修复此问题，除非您想通过修复分叉库并构建它。

公关#141

错误 158

react-native - 在 react-native-paper 中使用 TextInputMask 在 TextInput 上出错

问题描述

解决方案

推荐阅读