Я хочу добавить знак «$» перед просто элементом Выбрано WheelPicker.
Но в моем коде перед надписью All Picker Item добавляется «$».
Как я могу это исправить?
Спасибо всем за ответ.
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>
Попробуй это:
<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>