How to match user input from retrieved array?

Question

hello i am now able to retrieve data from spreadsheets using tabletops

but now i need to match the user input to the array and if it matches it'll be a success

this is inside the render

const { data } = this.state
        const tabletopModel = data['token']
        const newData = tabletopModel ? tabletopModel.all() : null
        console.log('newData', newData)

this is inside the return()

{
    newData
        ? <div>

            <p>{newData[1].ID}</p>
            <p>{newData[1].氏名}</p>


        </div>
        : null
}

i tried doing this or hopefully it should like this??

 {
    if (row1.アドレス == document.getElementById('userEmail').value && row1.Passkey == document.getElementById('userPassword').value) {
        return (
            <div key={row1.ID}>
                <p>{row1.ID}</p>
                <p>{row1.氏名}</p>
                <p>{row1.アドレス}</p>
                <p>{row1.Passkey}</p>
                <p>{row1.token}</p>
            </div>

        )
    }
    else {

    }
}

mladjo · Accepted Answer · 2019-08-02 09:44:07Z

2

Note: You shouldn't use document.getElementById(), because it works with the actual DOM and React might not re-render when there are changes in input.

What you should do is have an input field in your React code and a proper onChange handler for that input field, like here.

Then, you can write a handler like this:

onChangeHandler = (e) => { // do comparisons here or save input to state if(e.target.value === row1.data) { // do some stuff } };

answered Aug 2, 2019 at 9:44

mladjo

2162 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to match user input from retrieved array?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related