React - Неизвестный файл prop `page_id` для тега <div>. Удалить эту опору из элемента
Я интегрирую плагин чата для клиентов Facebook на свой веб-сайт. В инструкции сказано:
include a div with the following attributes in your HTML:
<div class="fb-customerchat"
page_id="<PAGE_ID>"
ref="<OPTIONAL_WEBHOOK_PARAM>">
</div>
Когда я это сделал (это версия React):
<div className="fb-customerchat"
page_id="<PAGE_ID>"
ref="<OPTIONAL_WEBHOOK_PARAM>">
</div>
... Я получил эту ошибку от React: Warning: Unknown prop page_id on <div> tag. Remove this prop from the element. For details, see https://reactjs.org/warnings/unknown-prop.html и плагин чата клиента вообще не отображается (я все еще могу найти элементы HTML в дереве DOM).
Я сделал некоторые поиски, и кажется, что React не распознает обычай page_id приписывать. Я пытался изменить его на data-page_id но это не помогает
Кто-нибудь сталкивался с такой же проблемой и как вы ее решили?
2 ответа
Я обнаружил, что плагину чата для клиентов нужен HTML-элемент, вставленный в DOM с указанными параметрами. С React вы никогда не передаете необработанный HTML, отсюда и сообщение об ошибке. Чтобы решить эту проблему, вы можете сделать:
- вставить .fb-customerchat Div непосредственно к вашему HTML или
- используйте этот пакет: https://github.com/Yoctol/react-messenger-customer-chat который является обходным решением для React
https://react-cn.github.io/react/docs/tags-and-attributes.html
Похоже, идентификатор страницы не поддерживается. Попробуйте использовать classID или просто id