react-native - react-native-floating-label-input 改变图像

Question

react-native-floating-label-input当用户开始输入字段时，我正在尝试使用来更改图像。下面是代码：我对为什么不调用 closeCross 感到困惑。我得到的错误是setCloseCross is not a function

 const FloatingLabelInputField = (props) => {
  let t = "";
  const [userInput, setUserInput] = useState("");
  const [setCloseCross] = useState(closeCross);
  const closeCross = <Image source={require("./assets/Close.png")} />;
  return (
    <View style={{ width: 331 }}>
      <FloatingLabelInput
        {...props}
        value={userInput}
        label={props.placeholder}
        onChangeText={(val) => {
          setUserInput(val);
          props.onChangeText(val)
        }}
        leftComponent={
          <TouchableOpacity
            style={{ alignContent: "center", justifyContent: "center" }}
            onPress={() => {
              setUserInput("");
            }}
          />
        }
        rightComponent={
            <TouchableOpacity onPress={(cross) => {
              setCloseCross(cross)
              props.onPress(closeCross);
            }}>
            <Image
              style={{ alignContent: "flex-end", justifyContent: "flex-end" }}
              source={require("./assets/editpen.png")}
            />
            </TouchableOpacity>
        }

标签： react-nativefloating-labels