英文:
Why the button is not disabling when there is no text?
问题
我是新手使用React Native，在创建我的应用时，无法使自动添加按钮禁用工作。
我设置了这些属性作为钩子：
const [taskText, setTaskText] = useState(null);
const [isDisabled, setDisabled] = useState('true');
然后我有我的函数：
const addActivity = () => {
if (taskText == null){
setDisabled('true');
}else{
setDisabled('false');
}
}
但是当我在TouchableOpacity的disable属性上使用isDisabled时，它没有更新。
textInput属性：
onChange={() => addActivity()}
TouchableOpacity：
<TouchableOpacity style={styles.addWrapper} onPress={() => handleNewTask()} disabled={isDisabled}>
<Text style={styles.addText}>+</Text>
</TouchableOpacity>
setTaskText：（由TextInput调用）
onChangeText={text => setTaskText(text)}
当我删除所有文本时，TextInput不会更新自身吗？我该怎么做才能解决这个问题？
英文:
I'm new to react-native and when i was creating my app i couldn't get auto add button disabling to work
I set up these properties as a hooks:
const [taskText, setTaskText] = useState(null);
const [isDisabled, setDisabled] = useState('true');
then i have my function:
const addActivity = () => {
if (taskText == null){
setDisabled('true');
}else{
setDisabled('false');
}
}
but when i use isDisabled on touchableOpacity's disable prop its not updating
textInput prop :
onChange={() => addActivity()}
TouchableOpacity:
<TouchableOpacity style={styles.addWrapper} onPress={() => handleNewTask()} disabled={isDisabled}>
<Text style={styles.addText}>+</Text>
</TouchableOpacity>
setTaskText: (called by TextInput)
onChangeText={text => setTaskText(text)}
Doesn't TextInput update itself when i delete all the text?
What do i do to fix this?
答案1
得分: 0
因为你使用了 useState('true')，并且你在状态中始终使用字符串。当字符串不为空时，它始终为真。
你必须使用布尔值而不是字符串。因此，你可以更改为 useState(true)，并将 addActivity 更改为：
const addActivity = () => {
if (taskText == null){
setDisabled(true);
}else{
setDisabled(false);
}
}
英文:
It is because you use : useState('true') and you always use a string in your state.
A string, when it is not empty, is always true.
You must use the boolean values not string. You can therefore change to : useState(true) and change addActivity to :
const addActivity = () => {
if (taskText == null){
setDisabled(true);
}else{
setDisabled(false);
}
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论