Как сделать, чтобы подставлялся именно тот номер на который я нажал?

Question

[DaniilRuss]

При нажатии на ссылку "Позвонить" должен подставляться номер из this.state.data

export default class CallBack extends Component {
	constructor(props) {
		super(props)

		this.state = {
			data : [
				{
					key: 1,
					id: 1,
					name: 'Иван Иванов',
					phone: '[phone]',
				},
				{
					key: 2,
					id: 2,
					name: 'Петя Иванов',
					phone: '88005553535',
				},
				{
					key: 3,
					id: 3,
					name: 'Вася Иванов',
					phone: '2445251',
				},
			]
		}

		this.columns = [
			{ title: 'id', dataIndex: 'id', key: 'id' },
			{ title: 'Имя', dataIndex: 'name', key: 'name' },
			{ title: 'Номер телефона', dataIndex: 'phone', key: 'phone' },
			{
				title: 'Действия',
				dataIndex: '',
				key: 'x',
				render: (record) => 
				this.state.data.length >= 1 ? (
					<div>
						<Popconfirm title="Вы уверены что хотите удалить?" okText="Да" cancelText="Нет"
						onConfirm={() => this.handleDelete(record.key)}>
								<a href="/call-back">Удалить</a>
						</Popconfirm>
								<a href={`tel:` + this.state.phone } // Вот тут!
                           className='feedback__link' 
                           onClick={() => this.handlePhone()}>Позвонить</a> 
					</div>
				) :null,
			},
		];
	
	}
...

Answer 1

[real2210]

record.phone

Comments

[DaniilRuss]

Спасибо)