Как добавить строку перед только что выбранным элементом в WheelPicker (React Native JS)

Я хочу добавить знак «$» перед просто элементом Выбрано WheelPicker. Но в моем коде перед надписью All Picker Item добавляется «$». Как я могу это исправить? Спасибо всем за ответ. Как добавить строку перед только что выбранным элементом в WheelPicker (React Native JS)

export default class yks extends Component<{}> {
  constructor(props) {
  super(props);
  
  this.state = {
    ttSelectedItem : 20,
    itemList: numberList
  };
}
    onPickerSelect (index, selectedItem) {
        this.setState({
            [selectedItem] : index,
        })
    }
    onAddItem = () => {
        var name = 'XYZ'
        if (this.state.itemList.indexOf(name) == -1) {
            this.state.itemList.push(name)
        }
        this.setState({
            selectedItem: this.state.itemList.indexOf(name),
        })
    }
    }
    }

Render WheelPicker:

                <Picker style = {{width: "100%", height: "100%"}}
                    selectedValue = {this.state.ttSelectedItem}
                    itemStyle = {{width: "100%", height: "100%", color:"#e88554", fontSize:26, }}
                    onValueChange = {(index) => this.onPickerSelect(index, 'ttSelectedItem')}>  
                        {this.state.itemList.map((value, i) => (
                            <PickerItem label = {'$' + value} value = {i} key = {"money"+value}/>
                        ))}
                </Picker>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
96
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуй это:

<Picker style = {{width: "100%", height: "100%"}}
    selectedValue = {this.state.ttSelectedItem}
    itemStyle = {{width: "100%", height: "100%", color:"#e88554", fontSize:26, }}
    onValueChange = {(index) => this.onPickerSelect(index, 'ttSelectedItem')}>  
        {this.state.itemList.map((value, i) => (
            <PickerItem 
                label = {(this.state.ttSelectedItem === i ? '$' : '') + value} 
                value = {i} key = {"money"+value}/>
        ))}
</Picker>

Другие вопросы по теме