40 lines
1.3 KiB
JavaScript
40 lines
1.3 KiB
JavaScript
import React, { useState, useEffect } from 'react';
|
|
import SEO from '../SEO';
|
|
import api from '../../api';
|
|
|
|
const Contact = () => {
|
|
// États pour le SEO
|
|
const [metaTitle, setMetaTitle] = useState('Titre par défaut');
|
|
const [metaDescription, setMetaDescription] = useState('Description par défaut.');
|
|
|
|
useEffect(() => {
|
|
const fetchPageData = async () => {
|
|
try {
|
|
// Appel à l'API pour récupérer les données
|
|
const response = await api.get('wp/v2/pages/116?_fields=acf,rank_math_title,rank_math_description');
|
|
const { rank_math_title, rank_math_description } = response.data;
|
|
|
|
// Mise à jour des métadonnées SEO
|
|
setMetaTitle(rank_math_title || 'Titre par défaut');
|
|
setMetaDescription(rank_math_description || 'Description par défaut.');
|
|
} catch (error) {
|
|
console.error('Erreur lors de la récupération des données :', error);
|
|
}
|
|
};
|
|
|
|
fetchPageData();
|
|
}, []); // Exécution au premier rendu
|
|
|
|
return (
|
|
<div>
|
|
{/* SEO */}
|
|
<SEO title={metaTitle} description={metaDescription} />
|
|
|
|
{/* Contenu de la page */}
|
|
<h1>Contact</h1>
|
|
<p>Bienvenue sur la page Contact.</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Contact; |