Javascript React Native：在输入文本中写入时添加要删除的符号

我只想在文本输入中键入至少一个字母时插入“x”。即使文本输入为空，我也可以添加它，但我希望输入为空时“x”不在那里

守则：

 //...

  const [textArtist, onChangeTextArtist] = useState('');

  const RightIcon = () => {
    if (textArtist != '') {
      <MaterialIcons
        name='highlight-remove'
        color='grey'
        size={24}
        onPress={() => onChangeTextArtist('')}
      />
    }
  }

  return (
    //...

      <Input
        placeholder="Artist's name here..."
        onChangeText={onChangeTextArtist}
        value={textArtist}
        errorMessage={errorMessage}
        rightIcon={RightIcon}         // <---- here
      />

 //...

/。。。
常量[TextArtister，onChangeTextArtister]=useState（“”）；
常量RightIcon=（）=>{
如果（文本艺术家！=''）{
OnChangeTextArtister（“”）}
/>
}
}
返回(
//...
试试这个

const RightIcon = () => {
    if (textArtist.length) {
      <MaterialIcons
        name='highlight-remove'
        color='grey'
        size={24}
        onPress={() => onChangeTextArtist('')}
      />
    }
  }

const RightIcon=（）=>{
if（textArtister.length）{
OnChangeTextArtister（“”）}
/>
}
}
此解决方案不起作用