如何在TextInput中获取$符号和逗号分隔符？

import React, { useState } from 'react';
import { TextInput, View, Text } from 'react-native';

const App = () => {
  const [inputValue, setInputValue] = useState('');
  const [parsedValues, setParsedValues] = useState([]);

  const handleInputChange = (text) => {
    setInputValue(text);
    // 移除$符号并使用逗号分隔字符串
    const cleanedText = text.replace(/\$/g, '').replace(/,/g, '');
    const valuesArray = cleanedText.split(',');
    setParsedValues(valuesArray);
  };

  return (
    <View>
      <TextInput
        style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
        onChangeText={handleInputChange}
        value={inputValue}
        placeholder="Enter values with $ and ,"
      />
      <Text>Parsed Values: {parsedValues.join(', ')}</Text>
    </View>
  );
};

export default App;

const isValidNumber = (str) => !isNaN(str);

const handleInputChange = (text) => {
  setInputValue(text);
  const cleanedText = text.replace(/\$/g, '').replace(/,/g, '');
  const valuesArray = cleanedText.split(',').filter(isValidNumber);
  setParsedValues(valuesArray);
};