我想要 react 本机数组中所选元素的索引。我尝试使用 indexOf((，但它总是返回 -1。School是我的数组email包含要查找其索引的元素的值。
deleteDetails = (email) => {
var index = School.indexOf(email);
}
根据您的评论，School是一个对象数组，因此您需要使用findIndex而不是indexOf
var arr = [{
email: "test1@test.com",
remarks: "tt",
slno: 1
}, {
email: "test2@test.com",
remarks: "ttt",
slno: 2
}, {
email: "test3@test.com",
remarks: "tttt",
slno: 3
}, {
email: "test4@test.com",
remarks: "4",
slno: 4
}];
function getIndex(email) {
return arr.findIndex(obj => obj.email === email);
}
console.log(getIndex("test4@test.com"));希望这会有所帮助！
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf
根据文档，indexOf 仅在数组中找不到值时才返回 -1。 在调用 indexOf 之前检查您的学校数组和电子邮件值。在调用 indexOf 之前，您可以使用调试器或只是添加控制台.log。
deleteDetails = (email) => {
console.log(email);
console.log(School);
var index = School.indexOf(email);
}
如果您的电子邮件元素是字符串"abc@email.com"，则数组应包含字符串元素。
var email = "abc@email.com";
var emails = ["abc@email.com", "def@email.com"];
console.log(emails.indexOf(email));
// expected output: 0
编辑：考虑下面的注释，您的回调方法应返回元素的索引。所以删除详细信息函数应该是这样的。
deleteDetails(email, index) {
// code
}
让我们考虑列出平面列表。
<FlatList
data={this.props.data}
extraData={this.state}
keyExtractor={this._keyExtractor}
renderItem={this._renderItem}
/>
_renderItem = ({item, index}) => (
<MyListItem
id={item.id}
onPressItem={this._onPressItem}
selected={!!this.state.selected.get(item.id)}
title={item.title}
onDeleteButtonPressed={(item, index) => this.deleteDetails(item,index)}
/>
);
并且您必须创建一个onDeleteButtonPressed prop，并在组件中按下按钮时调用它以触发deleteDetails功能。
如果您使用的是平面列表，那么;
renderDataItem = ({item, index}) => {
return (
<TouchableWithoutFeedback
onPress = {() => Actions.testing2({ sayi : index })}>
<View style = {styles.allCointer}>
<View style = {styles.textContainer}>
<Text style={styles.textContainerTitle}> {item.Title} </Text>
<Text style={styles.textContainerText}> {item.Description} </Text>
</View>
<Image
style = {styles.image}
source = {{uri : item.Files[0].FileUrl}}
/>
</View>
</TouchableWithoutFeedback>
)}
该行中的索引参数，
renderDataItem = ({item, index}) => {
是您当前的指数值。