Question

我有完全相同的代码，例如在不同PC中的此沙箱中的App.js文件中。我的目标是，当我单击AccordionItemBody内的按钮/ div“测试”时，它将触发关闭手风琴。它可以在我的电脑上正常工作，但不能在另一台电脑上工作。这是sandbox。这是代码片段。知道为什么会这样吗？或其他解决方案来实现这一目标？

import React, { Component } from 'react'
import {
    Accordion,
    AccordionItem,
    AccordionItemTitle,
    AccordionItemBody,
} from 'react-accessible-accordion'
import ReactChartkick, { LineChart, PieChart } from 'react-chartkick'
import Highcharts, { keys } from 'highcharts'

ReactChartkick.addAdapter(Highcharts)

const chartData = [
    ["Blueberry", 44],
    ["Strawberry", 23]
]

export default class PublicHomeView extends Component {

    trying = () => {
        console.log(document.getElementById('myId'))
        document.getElementById('myId').click()
    }

    render() {
        return (
            <div className="col-xs-12" id="accordion">
                <div style={{marginTop: 10, marginBottom: 10}} data-id="1">
                    <Accordion>
                        <AccordionItem id="myId">
                            <AccordionItemTitle>
                                <div className="u-position-relative">
                                    ITEM 1
                                    <div className="accordion__arrow" />
                                </div>
                            </AccordionItemTitle>
                            <AccordionItemBody>
                                <LineChart
                                    data={chartData}
                                />
                                <div>
                                    {/* <div onClick={() => this.trying()}>Test</div> */}
                                    <button type="button" onClick={() => this.trying()}>Test</button>
                                </div>
                            </AccordionItemBody>
                        </AccordionItem>
                    </Accordion>
                </div>
            </div>
        )
    }
}

任何帮助都会非常有帮助。谢谢

document.getelemenybyid.click在其他PC中不起作用

0 个答案: