我正在使用类 (.add-to-cart) 遍历 HTML 中的所有锚标记,以将文本内容更改为现在购物,使用 map() 但我收到一个错误,指出 .map 不是函数。
<!--HTML CODE -->
<div class="four columns">
<div class="card">
<a href="#" class="u-full-width button-primary button input add-to-cart" data-id="5">Add to Cart</a>
</div>
</div> <!--.card-->
<div class="four columns">
<div class="card">
<a href="#" class="u-full-width button-primary button input add-to-cart" data-id="5">Add to Cart</a>
</div>
</div> <!--.card-->
<div class="four columns">
<div class="card">
<a href="#" class="u-full-width button-primary button input add-to-cart" data-id="5">Add to Cart</a>
</div>
</div> <!--.card-->
//JAVASCRIPT CODE
const addCartBtns = document.querySelectorAll('.add-to-cart');
addCartBtns.map(function(cartBtn){
console.log(cartBtn.textContent="shop now");
});
Run Code Online (Sandbox Code Playgroud)
我希望输出将锚标签的文本内容更改为“立即购买”。
刚接触 REACT,请耐心等待:
每当我使用带有Formik 的material-ui-phone-number插件提交表单时,我都会不断获得 phoneNumber 的初始值。这是我的代码示例。
const initialValues = {
phoneNumber: "",
};
const BasicExample = () => (
<Formik
initialValues={initialValues}>
{() => (
<Form>
<Field
variant="outlined"
label="Phone Number"
name="phoneNumber"
type="tel"
fullWidth
size="small"
defaultCountry={"gh"}
as={MuiPhoneNumber}
/>
</Form>
)}
</Formik>
Run Code Online (Sandbox Code Playgroud)