react.js 占位符转换？

Question

嗨，我想知道如何在我点击时将我的 plceholder 转换为类似 1 的内容

这是我注册的 scss

.registarForm {
        display: grid;
        grid-gap: 20px;

        .form-control {
            box-sizing: border-box;
            height: 50px;
            width: 445px;
            border: 2px solid #153d7c;
            border-radius: 4px;
        }

        [placeholder]:focus {
            top: -1000px;
            left: 0;
            font-size: smaller;
        }
    }

这是我的寄存器组件

<form onSubmit={this.submitHandler}>
                        <div className='registarForm'>
                            <Form.Control
                                name='name'
                                className='form-control'
                                placeholder='Nome completo'
                                value={name}
                                onChange={this.changeHandler}
                            ></Form.Control>

有人可以帮我吗？