我有一个基于区域经典报告的图表,在另一表中填充有与ID关联的数字的列。
图表显示在表(编号)中插入了类似的标签,如何显示其他表(文本)中import React from 'react'
import { StyleSheet, Alert } from 'react-native'
import { Container, Content, Text, Grid, Col, Item, Input, Icon, Button } from 'native-base'
import { connect } from 'react-redux'
import { editTodo, deleteTodo, addTodo } from '../redux/actions/todosActions';
import HeaderComponent from '../components/HeaderComponent'
class TodoDetailsScreen extends React.Component {
static navigationOptions = ({ navigation }) => {
return {
headerTitle: <HeaderComponent />,
headerRight: <Button transparent onPress={navigation.state.params.onDeletePress}>
<Icon name='delete' type='MaterialIcons' style={{ color: 'black' }} /></Button>,
}
}
onDeletePress = () => {
this.props.deleteTodo(this.props.navigation.getParam('id', ''))
this.props.navigation.navigate('Todos')
}
componentDidMount() {
this.props.navigation.setParams({ onDeletePress: this.onDeletePress })
}
render() {
const { id, text, details } = this.props.todos.find(todo => todo.id === this.props.navigation.getParam('id', ''))
return (
<Container>
{/* Content Begin */}
<Content>
<Grid>
<Col style={styles.col} size={100}>
<Text style={styles.text}>{text}</Text>
<Item style={{ borderColor: 'transparent' }}>
<Icon active name='md-list' type='Ionicons' />
<Input underlineColorAndroid={'transparent'} multiline={true} placeholder='Add details'
value={details} onChangeText={(details) => this.props.editTodo(id, text, details)} />
</Item>
</Col>
</Grid>
</Content>
{/* Content End */}
</Container>
)
}
}
const styles = StyleSheet.create({
col: {
padding: 15,
},
text: {
fontSize: 25,
fontWeight: '500',
marginBottom: 20,
},
})
mapStateToProps = state => ({
todos: state.todos,
})
mapDispatchToProps = dispatch => ({
editTodo: (id, text, details) => dispatch(editTodo(id, text, details)),
deleteTodo: id => dispatch(deleteTodo(id)),
addTodo: (text, details) => dispatch(addTodo(text, details)),
})
export default connect(mapStateToProps, mapDispatchToProps)(TodoDetailsScreen)
的代表名称?